JavaScript检测并限制复选框选中个数的方法


Posted in Javascript onAugust 12, 2015

本文实例讲述了JavaScript检测并限制复选框选中个数的方法。分享给大家供大家参考。具体如下:

这里用JavaScript判断复选框中否选中,同时可以限制复选框的选中个数,这是一个比较实用的JS表单判断示例,复选框的是否选中曾经让很多人纳闷,现在好了,这段代码帮你解决了难题。

运行效果截图如下:

JavaScript检测并限制复选框选中个数的方法

具体代码如下:

<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){ 
 if(event.srcElement.checked==true)
  check_num++;
 else 
  check_num--;   
 if(check_num>3)
 {
  alert("最多只能选3个!");
  event.srcElement.checked=false;
  check_num--;
 }  
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
window.onload追加函数使用示例
Mar 03 Javascript
node.js学习总结之调式代码的方法
Jun 25 Javascript
js动态修改表格行colspan列跨度的方法
Mar 30 Javascript
jquery实现弹出层效果实例
May 19 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
Mar 21 jQuery
react路由配置方式详解
Aug 07 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
Nov 17 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
详解ES6 扩展运算符的使用与注意事项
Nov 12 Javascript
JavaScript入门基础
Aug 12 #Javascript
js实现将选中值累加到文本框的方法
Aug 12 #Javascript
javascript实现简单的分页特效
Aug 12 #Javascript
JavaScript实现网站访问次数统计代码
Aug 12 #Javascript
jquery+ajax请求且带返回值的代码
Aug 12 #Javascript
javascript封装简单实现方法
Aug 11 #Javascript
基于Css3和JQuery实现打字机效果
Aug 11 #Javascript
You might like
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
2016/08/17 PHP
PHP依赖注入(DI)和控制反转(IoC)详解
2017/06/12 PHP
PHP二维索引数组的遍历实例分析【2种方式】
2019/06/24 PHP
JavaScript版代码高亮
2006/06/26 Javascript
JavaScript中的事件处理
2008/01/16 Javascript
javascript获取当前鼠标坐标的方法
2015/01/10 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
Vue.js -- 过滤器使用总结
2017/02/18 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
Angular中支持SCSS的方法
2017/11/18 Javascript
关于单文件组件.vue的使用
2018/09/20 Javascript
node运行js获得输出的三种方式示例详解
2020/07/02 Javascript
详解ES6中class的实现原理
2020/10/03 Javascript
javascript中layim之查找好友查找群组
2021/02/06 Javascript
python分析apache访问日志脚本分享
2015/02/26 Python
Tornado协程在python2.7如何返回值(实现方法)
2017/06/22 Python
Python中fnmatch模块的使用详情
2018/11/30 Python
使用python实现mqtt的发布和订阅
2019/05/05 Python
twilio python自动拨打电话,播放自定义mp3音频的方法
2019/08/08 Python
Python统计分析模块statistics用法示例
2019/09/06 Python
给大家整理了19个pythonic的编程习惯(小结)
2019/09/25 Python
python的列表List求均值和中位数实例
2020/03/03 Python
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
Infababy英国:婴儿推车、Travel System婴儿车和婴儿汽车座椅销售
2018/05/23 全球购物
导游实习生自荐书
2014/01/28 职场文书
2014财务人员自我评价范文
2014/09/21 职场文书
党员干部作风建设思想汇报范文
2014/10/25 职场文书
2014年审计工作总结
2014/11/17 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2015年毕业生自荐信范文
2015/03/24 职场文书
保外就医申请书范文
2015/08/06 职场文书
(开源)微信小程序+mqtt,esp8266温湿度读取
2021/04/02 Javascript
深入理解go缓存库freecache的使用
2022/02/15 Golang
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers