js限制checkbox选中个数

来源：互联网发布：织梦cms手机模板修改编辑：程序博客网时间：2024/06/05 04:38

今天在做项目时，碰到一个问题，我需要展示多个checkbox复选框，而只能允许最多选6个。调试了老半天，终于出来了，代码如下：

<SCRIPT LANGUAGE="JavaScript"> var c=0,limit=6; function doCheck(obj) {     obj.checked?c++:c--;     if(c>limit){    obj.checked=false;    alert("over");    c--;     }} </SCRIPT> <html><body>    <input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A    <input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B     <input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C     <input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D     <input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E     <input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F     <input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G     <input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H     <input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I     <input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J </body></html>

展示结果如下：

特此分享，希望对大家有帮助☺

0 0