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


Posted in Javascript onJuly 15, 2014

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

展示结果如下:
js限制checkbox选中个数以限制六个为例

Javascript 相关文章推荐
jquery实现文本框鼠标右击无效以及不能输入的代码
Nov 05 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
轻松掌握JavaScript中介者模式
Aug 26 Javascript
JQuery ZTree使用方法详解
Jan 07 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
详述 Sublime Text 打开 GBK 格式中文乱码的解决方法
Oct 26 Javascript
详解基于vue-cli配置移动端自适应
Jan 13 Javascript
微信小程序实现循环动画效果
Jul 16 Javascript
js实现继承的方法及优缺点总结
May 08 Javascript
JS多个表单数据提交下的serialize()应用实例分析
Aug 27 Javascript
利用js实现简单开关灯代码
Nov 23 Javascript
js用typeof方法判断undefined类型
Jul 15 #Javascript
js的image onload事件使用遇到的问题
Jul 15 #Javascript
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 #Javascript
js拼接html注意问题示例探讨
Jul 14 #Javascript
JQuery中使用ajax传输超大数据的解决方法
Jul 14 #Javascript
在Ubuntu上安装最新版本的Node.js
Jul 14 #Javascript
Express作者TJ告别Node.js奔向Go
Jul 14 #Javascript
You might like
php split汉字
2009/06/05 PHP
PHP的pcntl多进程用法实例
2015/03/19 PHP
php实现微信公众号主动推送消息
2015/12/31 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
Prototype Class对象学习
2009/07/19 Javascript
javascript window.confirm确认 取消对话框实现代码小结
2012/10/21 Javascript
Jquery简单分页实现方法
2015/07/24 Javascript
JS使用单链表统计英语单词出现次数
2016/06/16 Javascript
js简单正则验证汉字英文及下划线的方法
2016/11/28 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
js 性能优化之算法和流程控制
2017/02/15 Javascript
关于js中的鼠标事件总结
2017/07/11 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
zTree 树插件实现全国五级地区点击后加载的示例
2018/02/05 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
jquery获取select选中值的文本,并赋值给另一个输入框的方法
2018/08/21 jQuery
JavaScript 实现拖拽效果组件功能(兼容移动端)
2020/11/11 Javascript
Python 获取新浪微博的最新公共微博实例分享
2014/07/03 Python
在Django的URLconf中使用多个视图前缀的方法
2015/07/18 Python
Python随机读取文件实现实例
2017/05/25 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
Python编程之序列操作实例详解
2017/07/22 Python
Python脚本修改阿里云的访问控制列表的方法
2019/03/08 Python
安装python及pycharm的教程图解
2019/10/10 Python
python生成任意频率正弦波方式
2020/02/25 Python
Python文本文件的合并操作方法代码实例
2020/03/31 Python
浅谈Python __init__.py的作用
2020/10/28 Python
Python中Qslider控件实操详解
2021/02/20 Python
英国领先的高街书籍专家:Waterstones
2018/02/01 全球购物
Java里面有没有全局变量?为什么?
2015/02/06 面试题
恒华伟业笔试面试题
2015/02/26 面试题
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
浅谈Python数学建模之线性规划
2021/06/23 Python
MySQL实现用逗号进行拼接、以逗号进行分割
2022/12/24 MySQL