如何通过javascript或jquery设置html5中的最大值和最小值

我试图找出如何通过javascript或jquery设置html5类型输入的最大值和最小值。

有人请指导

Answer 1

jQuery可以轻松设置元素的任何属性 – 只需使用.attr()方法 ：

 $(document).ready(function() { $("input").attr({ "max" : 10, // substitute your own "min" : 2 // values (or variables) here }); }); 

如果脚本块出现在要操作的元素之后，则不需要文档就绪处理程序。

使用"input"的选择器将设置所有输入的属性，所以实际上你应该有一些方法来识别有问题的输入。 如果你给它一个id，你可以说：

 $("#idHere").attr(... 

……或与class级：

 $(".classHere").attr(... 

Answer 2

试试这个：

  $("#myInput").attr({ "max" : 10, "min" : 2 }); 

注意：这将仅将最大值和最小值设置为单个输入

Answer 3

试试这个

  $(function(){ $("input[type='number']").prop('min',1); $("input[type='number']").prop('max',10); }); 

演示