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" />只处理min和max属性之间的一个值 - 例如：

<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

如果您想让幻灯片在一个 UI 输入中处理最小值和最大值，您可以使用 jQueryUI 的滑块：https ://jqueryui.com/slider/#range

Answer 2

我尝试设置一个小提琴，它没有问题。

http://jsfiddle.net/Z2B7Y/

请记住，value代表数值，它位于min和max属性之间。尝试将其设置为8,20无效，因为它不是有效数字，因此没有意义。

如果要设置浮点值，则必须使用点，例如

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

如果要设置范围的边界，则必须更改属性，例如

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

希望这可以帮助。