6

私はjqueryとhtml5が初めてです。

私のjqueryは次のとおりです。

var A_Route=['A1','A2','A3',.....'A50'];
var counter=0;
$("input[name='radio-choice']").change(function(){
    if ($(this).val() == "on")
    {
        $('#slider').val(A_Route[counter]);

    }

値が ON のラジオ ボタンを選択すると、スライダーの最小値と最大値が自動的にそれぞれ A1 と A50 になります。スライダーをスライドすると、値が A1 から A50 に変わるはずです。

私のHTMLは：

<div data-role="fieldcontain">
                <fieldset data-role="controlgroup" data-type="horizontal">
                    <legend>Layout view:</legend>
                          <input type="radio" name="radio-choice" id="radio-choice-c" value="on" checked="checked" />
                          <label for="radio-choice-c">List</label>
                          <input type="radio" name="radio-choice" id="radio-choice-d" value="off" />
                          <label for="radio-choice-d">Grid</label>
                          <input type="radio" name="radio-choice" id="radio-choice-e" value="other" />
                          <label for="radio-choice-e">Gallery</label>
                            </fieldset>
           </div>

<div data-role="fieldcontain">
        <label for="slider">Room:</label>
        <input type="range" name="slider" id="slider" value="--------" min=? max=? data-highlight="true"  />
</div>

最小コードと最大コードはどうあるべきだと思いますか? 入力値を A1 から A50 に変更するにはどうすればよいですか?

4

1 に答える 1

8

入力スライダーの値は、有効な浮動小数点数のみにする必要があります。したがって、使用したい最小最大値では機能しないと思います。

min および max 属性を設定する jQuery コードに関しては、attributeメソッドを使用する必要があります。

    $('#slider').attr('min', A_Route[0]);
    $('#slider').attr('max', A_Route[3]);

ここで動作するのを見てください

于 2012-08-09T23:59:48.080 に答える