js判断复选框是否选中及选中个数的实现代码


Posted in Javascript onMay 30, 2016

用js判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示

<HTML>
<head>
<title>判断复选框是否选中及选中个数</title>
<SCRIPT LANGUAGE="JavaScript">
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count > max) {
alert("对不起,你只能选择" + max + "个!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜欢的语言是(最多两个): <p>
<input type=checkbox name=box1 onClick="countChoices(this)">ASP.NET<p> 
<input type=checkbox name=box2 onClick="countChoices(this)">JAVA<p> 
<input type=checkbox name=box3 onClick="countChoices(this)">C#<p> 
   </form>
</body>
</html>

以上这篇js判断复选框是否选中及选中个数的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
函数式 JavaScript(一)简介
Jul 07 Javascript
node.js中的fs.fchownSync方法使用说明
Dec 16 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
Dec 04 Javascript
javascript实现延时显示提示框特效代码
Apr 27 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
基于JQuery实现分隔条的功能
Jun 17 Javascript
node学习记录之搭建web服务器教程
Feb 16 Javascript
node安装--linux下的快速安装教程
Mar 21 Javascript
详解AngularJs路由之Ui-router-resolve(预加载)
Jun 13 Javascript
javascript设计模式 ? 策略模式原理与用法实例分析
Apr 21 Javascript
JS控制弹出悬浮窗口(一览画面)的实例代码
May 30 #Javascript
限制复选框最多选择项的实现代码
May 30 #Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
May 30 #Javascript
JS组件Bootstrap Table使用实例分享
May 30 #Javascript
Bootstrap table分页问题汇总
May 30 #Javascript
浅析Javascript中bind()方法的使用与实现
May 30 #Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 #Javascript
You might like
php 常用类整理
2009/12/23 PHP
小文件php+SQLite存储方案
2010/09/04 PHP
JavaScript基本对象
2007/01/11 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
解析js如何获取当前url中的参数值并复制给input
2013/06/23 Javascript
js 左右悬浮对联广告代码示例
2014/12/12 Javascript
使用console进行性能测试
2015/04/27 Javascript
jquery简单的弹出层浮动层代码
2015/04/27 Javascript
跟我学习javascript的prototype,getPrototypeOf和__proto__
2015/11/17 Javascript
input框中的name和id的区别
2016/11/16 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
2016/12/22 Javascript
基于JS实现移动端向左滑动出现删除按钮功能
2017/02/22 Javascript
Node.js学习之TCP/IP数据通讯(实例讲解)
2017/10/11 Javascript
JS常见面试试题总结【去重、遍历、闭包、继承等】
2019/08/27 Javascript
vue element 中的table动态渲染实现(动态表头)
2019/11/21 Javascript
python正则分析nginx的访问日志
2017/01/17 Python
浅谈function(函数)中的动态参数
2017/04/30 Python
pandas的object对象转时间对象的方法
2018/04/11 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
Python使用pyyaml模块处理yaml数据
2020/04/14 Python
Python连接HDFS实现文件上传下载及Pandas转换文本文件到CSV操作
2020/06/06 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
css3弹性盒模型实例介绍
2013/05/27 HTML / CSS
一款利用css3的鼠标经过动画显示详情特效的实例教程
2014/12/29 HTML / CSS
美国著名的品牌折扣店:Burlington
2017/06/08 全球购物
世界领先的艺术图书出版社:TASCHEN
2018/07/23 全球购物
机电一体化专业推荐信
2013/12/03 职场文书
服装创业计划书范文
2014/02/05 职场文书
医院竞聘演讲稿
2014/05/16 职场文书
党的群众教育实践活动实施方案
2014/06/12 职场文书
党的群众路线教育实践活动批评与自我批评发言稿
2014/10/16 职场文书
2015年中学元旦晚会活动方案
2014/12/09 职场文书
给上级领导的感谢信
2015/01/22 职场文书
党员理论学习心得体会
2016/01/21 职场文书
Redis数据结构之链表与字典的使用
2021/05/11 Redis
SpringDataJPA实体类关系映射配置方式
2021/12/06 Java/Android