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 相关文章推荐
iframe自适应宽度、高度 ie6 7 8,firefox 3.86下测试通过
Jul 29 Javascript
node.js中的require使用详解
Dec 15 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
localResizeIMG先压缩后使用ajax无刷新上传(移动端)
Aug 11 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
Jul 28 Javascript
JS+HTML实现的圆形可点击区域示例【3种方法】
Aug 01 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
vue App.vue中的公共组件改变值触发其他组件或.vue页面监听
May 31 Javascript
vue.js 实现a标签href里添加参数
Nov 12 Javascript
JS+CSS+HTML实现“代码雨”类似黑客帝国文字下落效果
Mar 17 Javascript
Element中Slider滑块的具体使用
Jul 29 Javascript
Python机器学习之决策树和随机森林
Jul 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获取服务器端mac和客户端mac的地址支持WIN/LINUX
2014/05/15 PHP
smarty表格换行实例
2014/12/15 PHP
php创建session的方法实例详解
2015/01/27 PHP
又拍云异步上传实例教程详解
2016/04/19 PHP
Yii2使用dropdownlist实现地区三级联动功能的方法
2016/07/18 PHP
基于thinkPHP实现的微信自定义分享功能示例
2016/09/23 PHP
php简单检测404页面的方法示例
2019/08/23 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
ModelDialog JavaScript模态对话框类代码
2011/04/17 Javascript
js数组的操作详解
2013/03/27 Javascript
Javascript中浮点数相乘的一个解决方法
2014/06/03 Javascript
js实现的全国省市二级联动下拉选择菜单完整实例
2015/08/17 Javascript
javascript实现九宫格相加数值相等
2020/05/28 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
2017/01/23 Javascript
js正则表达式验证密码强度【推荐】
2017/03/03 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
JS实现读取xml内容并输出到div中的方法示例
2018/04/19 Javascript
vue-router 实现导航守卫(路由卫士)的实例代码
2018/09/02 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
2020/03/03 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
Python列表推导式与生成器用法分析
2018/08/02 Python
Opencv实现抠图背景图替换功能
2019/05/21 Python
pip安装python库的方法总结
2019/08/02 Python
详解python中的数据类型和控制流
2019/08/08 Python
python通过SSH登陆linux并操作的实现
2019/10/10 Python
pycharm设置默认的UTF-8编码模式的方法详解
2020/06/01 Python
Joules官网:女士、男士和儿童服装和鞋类
2018/10/23 全球购物
客服实习的个人自我鉴定
2013/10/20 职场文书
秋季运动会稿件
2014/01/30 职场文书
老师对学生的评语
2014/04/18 职场文书
英语分层教学实施方案
2014/06/15 职场文书
安全责任书怎么写
2014/07/28 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
Python Django模型详解
2021/10/05 Python
Python 键盘事件详解
2021/11/11 Python
vscode内网访问服务器的方法
2022/06/28 Servers