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
(用户再次勾掉复选框时,仍然可以再次选择。)
将可变的部分设置为JS的参数,以实现代码复用。
JS代码
第一个参数为复选框的name,第二个参数为最多允许的勾选值。
复制代码 代码如下:
function choicetest(name,num){
var choicearr = document.getElementsByName(name);
var a=0;
for(var i=0;i
a=a+1;
}
if(a==num){
for(var i=0;i
choicearr[i].disabled='disabled';
}else{
for(var i=0;i
}
}
范例程序
复制代码 代码如下:
选择1
选择2
选择3
选择4
选择5
选择6
选择7
选择8
选择9
选择10
推荐阅读
-
JavaScript限定复选框的选择个数示例代码_javascript技巧
-
Js实现双击鼠标自动滚动屏幕的示例代码_javascript技巧
-
js禁止回车提交表单的示例代码_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
js禁止回车提交表单的示例代码_javascript技巧
-
js获取url中指定参数值的示例代码_javascript技巧
-
JS 实现Table相同行的单元格自动合并示例代码_javascript技巧
-
JS 获取select(多选下拉)中所选值的示例代码_javascript技巧
-
利用js动态添加删除table行的示例代码_javascript技巧
-
JavaScript限定复选框的选择个数示例代码_javascript技巧