当前位置：首页 > 资讯 > 技术文档

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

时间：2020-09-10 22:22 编辑：来源：阅读：
扫一扫，手机访问

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

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

展示结果如下： [img]http://files.jb51.net/file_images/article/201407/201407151742533.gif?2014615174311[/img]

全部评论(0)

上一篇：js控制页面控件隐藏显示的两种方法介绍
下一篇：让javascript加载速度倍增的方法(解决JS加载速度慢的问题)

资讯排行榜
更多>>