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

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

范例程序

复制代码 代码如下:

选择1
选择2
选择3
选择4
选择5

选择6
选择7
选择8
选择9
选择10