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综合应用实例简单的表格统计
Sep 03 Javascript
javascript强制点击广告的方法
Feb 06 Javascript
JavaScript实现点击单元格改变背景色的方法
Feb 12 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
JS判断指定dom元素是否在屏幕内的方法实例
Jan 23 Javascript
JS实现动态修改table及合并单元格的方法示例
Feb 20 Javascript
Cookbook组件形式:优化 Vue 组件的运行时性能
Nov 25 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
js代码编写无缝轮播图
Sep 13 Javascript
微信小程序调用后台service教程详解
Nov 06 Javascript
node脚手架搭建服务器实现token验证的方法
Jan 20 Javascript
详解TS数字分隔符和更严格的类属性检查
May 06 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
php缓存技术详细总结
2013/08/07 PHP
在WordPress中实现评论头像的自定义默认和延迟加载
2015/11/24 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
phpstudy后门rce批量利用脚本的实现
2019/12/12 PHP
PHP正则之正向预查与反向预查讲解与实例
2020/04/06 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
jquery中实现标签切换效果的代码
2011/03/01 Javascript
JS防止用户多次提交的简单代码
2013/08/01 Javascript
js登录弹出层特效
2014/03/07 Javascript
JS使用replace()方法和正则表达式进行字符串的搜索与替换实例
2014/04/10 Javascript
jQuery之简单的表单验证实例
2016/07/07 Javascript
基于JavaScript实现Tab选项卡切换效果
2016/11/24 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
2017/04/19 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
详解vue-router数据加载与缓存使用总结
2018/10/29 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
2019/10/10 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
[03:40]DOTA2抗疫特别篇《英雄年代》
2020/02/28 DOTA
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
网红编程语言Python将纳入高考你怎么看?
2018/06/07 Python
Python之lambda匿名函数及map和filter的用法
2019/03/05 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
Python字符串格式化输出代码实例
2019/11/22 Python
10条PHP编程习惯
2014/05/26 面试题
会计电算化专业毕业生自荐信
2013/12/20 职场文书
学雷锋活动总结范文
2014/04/25 职场文书
班子四风对照检查材料
2014/08/21 职场文书
党员查摆剖析材料
2014/10/10 职场文书
2014年科协工作总结
2014/12/09 职场文书
刑事申诉状范文
2015/05/20 职场文书
2015年司法局工作总结
2015/05/22 职场文书
阿凡达观后感
2015/06/10 职场文书
数学复习课教学反思
2016/02/18 职场文书
解决Oracle数据库用户密码过期
2022/05/11 Oracle