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 相关文章推荐
Apply an AutoFormat to an Excel Spreadsheet
Jun 12 Javascript
基于jquery的3d效果实现代码
Mar 23 Javascript
JavaScript 基础篇(一)
Mar 30 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
JS中完美兼容各大浏览器的scrolltop方法
Apr 17 Javascript
JQuery工具函数汇总
Jun 15 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
微信企业号开发之微信考勤百度地图定位
Sep 11 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
详解ES6中的Map与Set集合
Mar 22 Javascript
React中使用外部样式的3种方式(小结)
May 28 Javascript
js中调用微信的扫描二维码功能的实现代码
Apr 11 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无限分类的类
2007/01/02 PHP
php 提速工具eAccelerator 配置参数详解
2010/05/16 PHP
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
浅谈PHP中静态方法和非静态方法的相互调用
2016/10/04 PHP
js限制文本框输入长度两种限制方式(长度、字节数)
2012/12/19 Javascript
关于jQuery参考实例 1.0 jQuery的哲学
2013/04/07 Javascript
html页面显示年月日时分秒和星期几的两种方式
2013/08/20 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
js类型转换与引用类型详解(Boolean_Number_String)
2014/03/07 Javascript
jQuery实现可拖拽3D万花筒旋转特效
2017/01/03 Javascript
详解ES6之async+await 同步/异步方案
2017/09/19 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
2017/10/25 Javascript
js自定义trim函数实现删除两端空格功能
2018/02/09 Javascript
手把手教你用Node.js爬虫爬取网站数据的方法
2018/07/05 Javascript
NVM安装nodejs的方法实用步骤
2019/01/16 NodeJs
jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能示例
2019/05/27 jQuery
jquery操作checkbox的常用方法总结【附测试源码下载】
2019/06/10 jQuery
在js文件中引入(调用)另一个js文件的三种方法
2020/09/11 Javascript
在vue中使用vant TreeSelect分类选择组件操作
2020/11/02 Javascript
python在指定目录下查找gif文件的方法
2015/05/04 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Python 机器学习库 NumPy入门教程
2018/04/19 Python
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
使用Django开发简单接口实现文章增删改查
2019/05/09 Python
Python函数和模块的使用总结
2019/05/20 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
简单了解Django ContentType内置组件
2019/07/23 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
Python终端输出彩色字符方法详解
2020/02/11 Python
PyQt5中向单元格添加控件的方法示例
2020/03/24 Python
让Django的BooleanField支持字符串形式的输入方式
2020/05/20 Python
Python中bisect的用法及示例详解
2020/07/20 Python
获奖的大学生创业计划书
2014/01/05 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB