3 つのスライダーがあります (これらは動的なので、ループする必要があります)。
ここに jsFiddle があります: http://jsfiddle.net/mtait/R5czJ/
HTML は次のとおりです。
<label for="slider1">item 1</label>
<input type="range" class="mtslide" name="slider1" id="slider1" min="0" max="10" value="0">
<label for="slider2">item 2</label>
<input type="range" class="mtslide" name="slider2" id="slider2" min="0" max="10" value="0">
<label for="slider3">item 3</label>
<input type="range" class="mtslide" name="slider3" id="slider3" min="0" max="10" value="0">
それらをループして、JSON 文字列を作成しようとしています。
function slide() {
var ExtraPrices = [20.00,30.00,50.00];
var ExtraIDs = [1,2,3];
var count = 0;
var arr = [];
$('.mtslide').each(function () {
var obj = {
id: ExtraIDs[count],
price: ExtraPrices[count],
number: $(this).slider("option", "value")
};
arr.push(obj);
count += 1;
});
alert(JSON.stringify(arr));
}
ただし、スライダーの「数値」または値は常に null です。
上記の .each ループ内で、各スライダーの正しい値を取得するにはどうすればよいですか?
ありがとうございました、
マーク