JavaScript限定复选框的选择个数示例代码_javascript技巧
来源：懂视网
责编：小采
时间：2020-11-27 21:13:10
JavaScript限定复选框的选择个数示例代码_javascript技巧
JavaScript限定复选框的选择个数示例代码_javascript技巧:有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框。 （用户再次勾掉复选框时，仍然可以再次选择。） 将可变的部分设置为JS的参数，以实现代码复用。 JS代码 第一个参数为复选框的name，第二个参数为最多允许的勾选值。 代码如下: function
导读JavaScript限定复选框的选择个数示例代码_javascript技巧:有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框。 （用户再次勾掉复选框时，仍然可以再次选择。） 将可变的部分设置为JS的参数，以实现代码复用。 JS代码 第一个参数为复选框的name，第二个参数为最多允许的勾选值。 代码如下: function
有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框。
（用户再次勾掉复选框时，仍然可以再次选择。）
将可变的部分设置为JS的参数，以实现代码复用。
JS代码
第一个参数为复选框的name，第二个参数为最多允许的勾选值。
代码如下:
function choicetest(name,num){
var choicearr = document.getElementsByName(name);
var a=0;
for(var i=0;iif(choicearr[i].checked){
a=a+1;
}
if(a==num){
for(var i=0;iif(!choicearr[i].checked)
choicearr[i].disabled='disabled';
}else{
for(var i=0;ichoicearr[i].removeAttribute('disabled');
}
}
范例程序
代码如下:
无标题文档
JavaScript限定复选框的选择个数示例代码_javascript技巧
JavaScript限定复选框的选择个数示例代码_javascript技巧:有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框。 （用户再次勾掉复选框时，仍然可以再次选择。） 将可变的部分设置为JS的参数，以实现代码复用。 JS代码 第一个参数为复选框的name，第二个参数为最多允许的勾选值。 代码如下: function
