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 相关文章推荐
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
Apr 07 Javascript
jquery easyui combox一些实用的小方法
Dec 25 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
原生js仿jquery animate动画效果
Jul 13 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
Reactjs实现通用分页组件的实例代码
Jan 19 Javascript
Iscrool下拉刷新功能实现方法(推荐)
Jun 26 Javascript
详解如何在angular2中获取节点
Nov 23 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
解决vue-cli 打包后自定义动画未执行的问题
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
Can't create/write to file 'C:\WINDOWS\TEMP\...MYSQL报错解决方法
2011/06/30 PHP
php使用正则过滤js脚本代码实例
2014/05/10 PHP
php数组转成json格式的方法
2015/03/09 PHP
php计算年龄精准到年月日
2015/11/17 PHP
Windows下wamp php单元测试工具PHPUnit安装及生成日志文件配置方法
2018/05/28 PHP
浅谈thinkphp的nginx配置,以及重写隐藏index.php入口文件方法
2019/10/12 PHP
tp5.1 框架查询表达式用法详解
2020/05/25 PHP
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
JavaScript eval() 函数介绍及应用示例
2014/07/29 Javascript
JavaScript检查弹出窗口是否被阻拦的方法技巧
2015/03/13 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
详解jQuery中的deferred对象的使用(一)
2016/05/27 Javascript
Angular2 多级注入器详解及实例
2016/10/30 Javascript
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
NodeJS实现图片上传代码(Express)
2017/06/30 NodeJs
three.js 入门案例详解
2018/01/23 Javascript
让Vue也可以使用Redux的方法
2018/05/23 Javascript
微信小程序实现团购或秒杀批量倒计时
2020/11/01 Javascript
浅谈angularJS2中的界面跳转方法
2018/08/31 Javascript
JavaScript正则表达式验证登录实例
2020/03/18 Javascript
使用Python编写一个在Linux下实现截图分享的脚本的教程
2015/04/24 Python
浅谈Python的垃圾回收机制
2016/12/17 Python
Python中扩展包的安装方法详解
2017/06/14 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
python函数map()和partial()的知识点总结
2020/05/26 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
django教程如何自学
2020/07/31 Python
在Python3.74+PyCharm2020.1 x64中安装使用Kivy的详细教程
2020/08/07 Python
蛋白质世界:Protein World
2017/11/23 全球购物
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
社区安全检查制度
2014/02/03 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
教育系统干部作风整顿心得体会
2014/09/09 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
入伍志愿书怎么写?
2019/07/19 职场文书
七年级话题作文之执着
2019/11/19 职场文书