$(function(){ // Sliderウィジェットを適用 $('#slider').slider({ range: true, // 範囲スライダーを有効化 values: [100, 400], // 初期値(範囲) min: 0, // 最小値 max: 500, // 最大値 // スライダーの値が変化した時の処理 change: function (event, ui) { // テキストボックスにスライダーの値を反映 $('#value1').val(ui.values[0]); $('#value2').val(ui.values[1]); } }); });