欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-06-15 09:21:47
...
有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