js限制checkbox选中个数以限制六个为例

时间:2021-05-26

今天在做项目时,碰到一个问题,我需要展示多个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>

展示结果如下:

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章