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 相关文章推荐
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
jQuery获取checkboxlist的value值的方法
Sep 27 Javascript
使用jQuery实现Web页面换肤功能的要点解析
May 12 Javascript
利用jQuery对无序列表排序的简单方法
Oct 16 Javascript
浅析Jquery操作select
Dec 13 Javascript
JS正则验证多个邮箱完整实例【邮箱用分号隔开】
Apr 19 Javascript
原生js封装添加class,删除class的实例
Nov 06 Javascript
详解微信小程序开发用户授权登陆
Apr 24 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
vue 获取元素额外生成的data-v-xxx操作
Sep 09 Javascript
Vue鼠标滚轮滚动切换路由效果的实现方法
Aug 04 Vue.js
详解jQuery的核心函数和事件处理
Feb 18 jQuery
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实现的功能是显示8条基色色带
2006/10/09 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
jquery ui resizable bug解决方法
2010/10/26 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
js获取和设置属性的方法
2014/02/20 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
2014/05/23 Javascript
jquery实现当滑动到一定位置时固定效果
2014/06/17 Javascript
JavaScript中使用Object.prototype.toString判断是否为数组
2015/04/01 Javascript
AngularJS转换响应内容
2016/01/27 Javascript
JS表格组件神器bootstrap table详解(强化版)
2016/05/26 Javascript
原生js实现新闻列表展开/收起全文功能
2017/01/20 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
BACKBONE.JS 简单入门范例
2017/10/17 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
2017/11/12 Javascript
了解javascript中的Dom操作
2019/05/27 Javascript
vue之组件内监控$store中定义变量的变化详解
2019/11/08 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
Python中Django发送带图片和附件的邮件
2017/03/31 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
python开根号实例讲解
2020/08/30 Python
安装Anaconda3及使用Jupyter的方法
2020/10/27 Python
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
J2EE包括哪些技术
2016/11/25 面试题
工作人员思想汇报
2014/01/09 职场文书
大学班级干部的自我评价分享
2014/02/10 职场文书
《月迹》教学反思
2014/02/19 职场文书
反腐倡廉标语
2014/06/24 职场文书
优秀本科毕业生自荐信
2014/07/04 职场文书
软件测试专业推荐信
2014/09/18 职场文书
党员个人自我评价
2015/03/03 职场文书
民事代理词范文
2015/05/25 职场文书
创业计划书之面包店
2019/09/12 职场文书
如何理解python接口自动化之logging日志模块
2021/06/15 Python
swagger如何返回map字段注释
2021/07/03 Java/Android
python计算列表元素与乘积详情
2022/08/05 Python