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 相关文章推荐
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
javascript奇异的arguments分析
Oct 20 Javascript
jquery easyui滚动条部分设置介绍
Sep 12 Javascript
JavaScript数据类型判定的总结笔记
Jul 31 Javascript
jquery实现的淡入淡出下拉菜单效果
Aug 25 Javascript
jQuery+CSS3实现四种应用广泛的导航条制作实例详解
Sep 17 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题
Jun 30 Javascript
解决element UI 自定义传参的问题
Aug 22 Javascript
vue视图不更新情况详解
May 16 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 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
检查用户名是否已在mysql中存在的php写法
2014/01/20 PHP
php简单判断文本编码的方法
2015/07/30 PHP
学习php设计模式 php实现单例模式(singleton)
2015/12/07 PHP
PHP使用正则表达式实现过滤非法字符串功能示例
2018/06/04 PHP
php+js实现点赞功能的示例详解
2020/08/07 PHP
用 JSON 处理缓存
2007/04/27 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
js实现div的切换特效上一个下一个
2014/02/11 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
jQuery操作复选框(CheckBox)的取值赋值实现代码
2017/01/10 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
jQuery实现动态给table赋值的方法示例
2017/07/04 jQuery
详解webpack-dev-server的简单使用
2018/04/02 Javascript
详解通过源码解析Node.js中cluster模块的主要功能实现
2018/05/16 Javascript
vue开发环境配置跨域的方法步骤
2019/01/16 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
Python入门学习之字符串与比较运算符
2015/10/12 Python
Python中的os.path路径模块中的操作方法总结
2016/07/07 Python
python 统计代码行数简单实例
2017/05/04 Python
python中的计时器timeit的使用方法
2017/10/20 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
Python 仅获取响应头, 不获取实体的实例
2019/08/21 Python
pygame实现飞机大战
2020/03/11 Python
python继承threading.Thread实现有返回值的子类实例
2020/05/02 Python
Python select及selectors模块概念用法详解
2020/06/22 Python
Python+Kepler.gl实现时间轮播地图过程解析
2020/07/20 Python
广告学专业推荐信范文
2013/11/23 职场文书
业务副厂长岗位职责
2014/01/03 职场文书
母亲节感言
2015/08/03 职场文书
《鲁班学艺》读后感3篇
2019/11/27 职场文书
HTML基础-标签分类(闭合标签,空标签,块级元素,行内元素,行级块元素,可替换元素)
2021/03/31 HTML / CSS
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
Java并发编程之原子性-Atomic的使用
2022/03/16 Java/Android
十大最强水系宝可梦,最美宝可梦排第三,榜首大家最熟悉
2022/03/18 日漫