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 相关文章推荐
ExtJS 2.0实用简明教程 之ExtJS版的Hello
Apr 29 Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 Javascript
JS控制图片翻转示例代码(兼容firefox,ie,chrome)
Dec 19 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
javascript实现2048游戏示例
May 04 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
Bootstrap table分页问题汇总
May 30 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
Node.js中用D3.js的方法示例
Jan 16 Javascript
微信小程序实现登录页云层漂浮的动画效果
May 05 Javascript
JS简单获取并修改input文本框内容的方法示例
Apr 08 Javascript
对vux点击事件的优化详解
Aug 28 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
双料怀旧--SHARP GF515的维护、修理和简单调试
2021/03/02 无线电
微信公众平台天气预报功能开发
2014/07/06 PHP
php blowfish加密解密算法
2016/07/02 PHP
php封装的数据库函数与用法示例【参考thinkPHP】
2016/11/08 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
关于Laravel-admin的基础用法总结和自定义model详解
2019/10/08 PHP
对联广告js flash激活
2006/10/19 Javascript
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
javascript对象的property和prototype是这样一种关系
2007/03/24 Javascript
jquery固定底网站底部菜单效果
2013/08/13 Javascript
javascript写的异步加载js文件函数(支持数组传参)
2014/06/07 Javascript
教你用AngularJS框架一行JS代码实现控件验证效果
2014/06/23 Javascript
2014 年最热门的21款JavaScript框架推荐
2014/12/25 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
2016/12/06 Javascript
Bootstrap源码解读媒体对象、列表组和面板(10)
2016/12/26 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
Node.js中环境变量process.env的一些事详解
2017/10/26 Javascript
vue打包相关细节整理(小结)
2018/09/28 Javascript
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
泛谈JS逻辑判断选择器 || &amp;&amp;
2019/05/24 Javascript
python读取注册表中值的方法
2013/04/08 Python
pyhton列表转换为数组的实例
2018/04/04 Python
Python通过TensorFlow卷积神经网络实现猫狗识别
2019/03/14 Python
Python3实现定时任务的四种方式
2019/06/03 Python
django框架使用方法详解
2019/07/18 Python
python Kmeans算法原理深入解析
2019/08/23 Python
python根据时间获取周数代码实例
2019/09/30 Python
基于python3生成标签云代码解析
2020/02/18 Python
Python3爬虫关于识别检验滑动验证码的实例
2020/07/30 Python
Python爬虫爬取微博热搜保存为 Markdown 文件的源码
2021/02/22 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
Python读写Excel表格的方法
2021/03/02 Python
如何用Python输出一个Fibonacci数列
2016/08/28 面试题
2014年销售部工作总结
2014/12/01 职场文书
小学生教师节广播稿
2015/08/19 职场文书
MySQL 逻辑备份与恢复测试的相关总结
2021/05/14 MySQL