JavaScript限制checkbox选中个数示例限制最多选六个

分类：Javascript| 发布：佚名| 查看：349 | 发表时间：2014/7/18

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

01<SCRIPT LANGUAGE="JavaScript"> 
02var c=0,limit=6; 
03function doCheck(obj) { 
04obj.checked?c++:c--; 
05if(c>limit){ 
06obj.checked=false; 
07alert("over"); 
08c--; 
09} 
10} 
11</SCRIPT> 
12<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>

展示结果如下：

365据说看到好文章不转的人，服务器容易宕机！

标签：checkbox

原创文章如转载，请注明：转载自郑州网建-前端开发　http://camnpr.com/
本文链接：http://camnpr.com/javascript/1485.html

JavaScript限制checkbox选中个数示例限制最多选六个

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想爱你所爱

JavaScript限制checkbox选中个数 示例限制最多选六个

相关文章

关注本站

一条新消息

小编推荐

热门文章

想你所想 爱你所爱

JavaScript限制checkbox选中个数示例限制最多选六个

想你所想爱你所爱