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 相关文章推荐
javascript replace方法与正则表达式
Feb 19 Javascript
Google Maps API地图应用示例分享
Oct 23 Javascript
js实现网页随机切换背景图片的方法
Nov 01 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 Javascript
利用JavaScript脚本实现滚屏效果的方法
Jul 07 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
React Native 混合开发多入口加载方式详解
Sep 23 Javascript
Vue3 的响应式和以前有什么区别,Proxy 无敌?
May 20 Javascript
React Native登录之指纹登录篇的示例代码
Nov 03 Javascript
JavaScript实现栈结构详细过程
Dec 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
实现树状结构的两种方法
2006/10/09 PHP
php防攻击代码升级版
2010/12/29 PHP
php自定义session示例分享
2014/04/22 PHP
php5.2的curl-bug 服务器被php进程卡死问题排查
2016/09/19 PHP
php实现session共享的实例方法
2019/09/19 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
基于PHP的微信公众号的开发流程详解
2020/08/07 PHP
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
html数组字符串拼接的最快方法
2009/09/16 Javascript
js实时获取系统当前时间实例代码
2013/06/28 Javascript
javascript实现别踩白块儿小游戏程序
2015/11/22 Javascript
JS中对象与字符串的互相转换详解
2016/05/20 Javascript
在JS中a标签加入单击事件屏蔽href跳转页面
2016/12/16 Javascript
微信小程序 摇一摇抽奖简单实例实现代码
2017/01/09 Javascript
基于Vue实现支持按周切换的日历
2020/09/24 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
2017/10/17 Javascript
jQuery实现手机号正则验证输入及自动填充空格功能
2018/01/02 jQuery
python通过scapy获取局域网所有主机mac地址示例
2014/05/04 Python
用tensorflow构建线性回归模型的示例代码
2018/03/05 Python
用python处理图片实现图像中的像素访问
2018/05/04 Python
django云端留言板实例详解
2019/07/22 Python
PyTorch中model.zero_grad()和optimizer.zero_grad()用法
2020/06/24 Python
pandas 数据类型转换的实现
2020/12/29 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
CSS3制作炫酷带方向感应的鼠标滑过图片3D动画
2016/03/16 HTML / CSS
在印度上传处方,在线订购药品:Medlife
2019/03/28 全球购物
应届毕业生个人自我评价
2013/09/20 职场文书
高级销售员求职信
2013/10/25 职场文书
汽车技术服务英文求职信范文
2014/01/02 职场文书
交通事故责任认定书
2015/08/06 职场文书
纪检干部学习心得体会
2016/01/23 职场文书
Python使用海龟绘图实现贪吃蛇游戏
2021/06/18 Python
Java如何实现树的同构?
2021/06/22 Java/Android
NoSQL优缺点与MongoDB数据库简介
2022/06/05 MongoDB