当前位置:Gxlcms > JavaScript > JavaScript限定复选框的选择个数示例代码_javascript技巧

JavaScript限定复选框的选择个数示例代码_javascript技巧

时间:2021-07-01 10:21:17 帮助过:3人阅读

有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');
}
}

范例程序
代码如下:





无标题文档