jquery - jQuery.valは範囲入力で機能しませんか?

Question

<input type="range" value="5,17" />

値を変更しようとして$('input').val('8,20');も変わらない...

しかし、非表示の入力では機能します: <input type="hidden" value="s" />

Answer 1

HTML5はと属性<input type="range" />の間の 1 つの値のみを処理します。例:minmax

<input type="range" min="1" max="10" value="5.3" step="0.1" />

$("input[type=range]").val(); // returns 5.3
$("input[type=range]").val(6); // sets value to 6
$("input[type=range]").val(); // returns 6

スライドに 1 つの UI 入力で最小値と最大値を処理させたい場合は、jQueryUI のスライダーを使用できます: https://jqueryui.com/slider/#range

Answer 2

フィドルを設定してみましたが、問題なく動作しました。

http://jsfiddle.net/Z2B7Y/

はと属性の間にある数値valueを表すことに注意してください。それを設定しようとしても無効です。これは有効な数値ではないため意味がありません。minmax8,20

浮動小数点値を設定したい場合は、ドットを使用する必要があります。

$('input').val('8.20');

代わりに範囲の境界を設定したい場合は、プロパティを変更する必要があります。

$('input').prop('min','8');
$('input').prop('max','20');

お役に立てれば。