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.validate使用攻略 第三部
Jul 01 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
javascript中的绑定与解绑函数应用示例
Jun 24 Javascript
Javascript 高阶函数使用介绍
Jun 15 Javascript
js实现随屏幕滚动的带缓冲效果的右下角广告代码
Sep 04 Javascript
jQuery+ajax实现文章点赞功能的方法
Dec 31 Javascript
返回函数的JavaScript函数
Jun 14 Javascript
微信小程序 详解Page中data数据操作和函数调用
Jan 12 Javascript
jQuery Datatable 多个查询条件自定义提交事件(推荐)
Aug 24 jQuery
vue 实现左右拖拽元素并且不超过他的父元素的宽度
Nov 30 Javascript
Vue Element UI + OSS实现上传文件功能
Jul 31 Javascript
Angular6项目打包优化的实现方法
Dec 15 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安装问题
2006/10/09 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
php实现mysql备份恢复分卷处理的方法
2014/12/26 PHP
使用PHP进行微信公众平台开发的示例
2015/08/21 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
使用swoole 定时器变更超时未支付订单状态的解决方案
2019/07/24 PHP
IE php关于强制下载文件的代码
2008/08/23 Javascript
学习ExtJS 访问容器对象
2009/10/07 Javascript
jquery ajax提交表单数据的两种方式
2009/11/24 Javascript
基于jquery的finkyUI插件与Ajax实现页面数据加载功能
2010/12/03 Javascript
js+JQuery返回顶部功能如何实现
2012/12/03 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
js post提交调用方法
2014/02/12 Javascript
jQuery动画特效实例教程
2014/08/29 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
node.js操作mysql(增删改查)
2015/07/24 Javascript
jQuery formValidator表单验证
2016/01/07 Javascript
JavaScript必看小技巧(必看)
2016/06/07 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
vue.js与element-ui实现菜单树形结构的解决方法
2018/04/21 Javascript
vee-validate vue 2.0自定义表单验证的实例
2018/08/28 Javascript
简单了解JavaScript sort方法
2019/11/25 Javascript
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
大专毕业生自我评价分享
2013/11/10 职场文书
生死牛玉儒观后感
2015/06/11 职场文书
社区安全温馨提示语
2015/07/14 职场文书
运动会3000米加油稿
2015/07/21 职场文书
MYSQL 运算符总结
2021/11/11 MySQL
MySQL数据库之存储过程 procedure
2022/06/16 MySQL