2012-06-06 18 views

答えて

26

HTML5 <input type="range" />のみminmax属性の間に1つの値が扱うん - 例えば:あなたはスライドを付けたい場合は可能性が1 UI-入力で最大値最小を扱う

<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 

をおそらくjQueryUIのスライダーを使用します:https://jqueryui.com/slider/#range

+1

ブラウザの互換性を高めるために、jQueryUIのスライダーもお勧めします。 –

3

私はバイオリンを設定しようと、それはなしで働いていました問題。

http://jsfiddle.net/Z2B7Y/

value数値を表し、それはminmax属性の間だということを覚えておいてください。有効な番号ではないため意味がないため、8,20に設定しようとしていますが無効です。

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

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

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

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

希望します。

+0

はい、実際に私はこのプラグインを使用しています:https://github.com/tommoor/tinyrange-jquery-plugin。しかし、私はスライダの値を入力に設定したいと思っていました... – Alex

+0

あなたがしようとしていることの例を作ることができますか?あなたがフィドルで見ることができるように、あなたは間違いなく 'input'の' value'を変更することができます。浮動小数点値を正しく渡すようにしてください。 –

関連する問題