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 相关文章推荐
Javascript document.referrer判断访客来源网址
May 15 Javascript
JS的反射问题
Apr 07 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
window.location.reload 刷新使用分析(去对话框)
Nov 11 Javascript
jQuery中Find选择器用法示例
Sep 21 Javascript
详解使用vue-router进行页面切换时滚动条位置与滚动监听事件
Mar 08 Javascript
微信小程序 wx.request方法的异步封装实例详解
May 18 Javascript
vue和webpack安装命令详解
Jun 15 Javascript
JavaScript键盘事件常见用法实例分析
Jan 03 Javascript
使用Promise封装小程序wx.request的实现方法
Nov 13 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 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网站来路获取代码(针对搜索引擎)
2010/06/08 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
详解php几行代码实现CSV格式文件输出
2017/07/01 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
网页中实现浏览器的最大,最小化和关闭按钮
2007/03/12 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
jQuery事件绑定on()、bind()与delegate() 方法详解
2015/06/03 Javascript
浅析2种JavaScript继承方式
2015/12/04 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
JavaScript创建对象的七种方式(推荐)
2017/06/26 Javascript
使用Node.js实现RESTful API的示例
2017/08/01 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
微信小程序 textarea 层级过高问题简单解决方案
2019/10/14 Javascript
javascript随机变色实例代码
2019/10/15 Javascript
Python语言的面相对象编程方式初步学习
2016/03/12 Python
详解Python之数据序列化(json、pickle、shelve)
2017/03/30 Python
Matplotlib 生成不同大小的subplots实例
2018/05/25 Python
Python如何优雅获取本机IP方法
2019/11/10 Python
Python逐行读取文件内容的方法总结
2020/02/14 Python
Python尾递归优化实现代码及原理详解
2020/10/09 Python
详解Canvas 跨域脱坑实践
2018/11/07 HTML / CSS
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
英国版MAC彩妆品牌:Illamasqua
2018/04/18 全球购物
光声世纪笔试题目
2012/08/25 面试题
实习会计求职自荐信范文
2014/03/10 职场文书
法人委托书范本
2014/04/04 职场文书
竞选大队长演讲稿
2014/04/29 职场文书
专题组织生活会思想汇报
2014/10/01 职场文书
优秀党员推荐材料
2014/12/18 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
解决Jupyter-notebook不弹出默认浏览器的问题
2021/03/30 Python
Nginx四层负载均衡的配置指南
2021/06/11 Servers