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 相关文章推荐
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
JavaScript实现简单的拖动效果
Jul 02 Javascript
javascript表单正则应用
Feb 04 Javascript
canvas实现图像截取功能
Feb 06 Javascript
iframe高度自适应及隐藏滚动条的实例详解
Sep 29 Javascript
Canvas实现微信红包照片效果
Aug 21 Javascript
vue项目中使用vue-i18n报错的解决方法
Jan 13 Javascript
微信小程序生成二维码的示例代码
Mar 29 Javascript
微信小程序获取用户信息的两种方法wx.getUserInfo与open-data实例分析
May 03 Javascript
js实现图片上传即时显示效果
Sep 30 Javascript
Javascript原生ajax请求代码实例
Feb 20 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
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
Laravel框架实现的记录SQL日志功能示例
2018/06/19 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
关于jQuery的inArray 方法介绍
2011/10/08 Javascript
Jquery封装tab自动切换效果的具体实现
2013/07/13 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
director.js实现前端路由使用实例
2015/02/03 Javascript
深入学习JavaScript中的原型prototype
2015/08/13 Javascript
如何使用jquery实现文字上下滚动效果
2016/10/12 Javascript
js数组去重的hash方法
2016/12/22 Javascript
详解jQuery事件
2017/01/13 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
ES6之模版字符串的具体使用
2018/05/17 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
vue-cli3+ts+webpack实现多入口多出口功能
2019/05/30 Javascript
javascript实现计算器功能
2020/03/30 Javascript
Python urllib模块urlopen()与urlretrieve()详解
2013/11/01 Python
Python中多线程的创建及基本调用方法
2016/07/08 Python
浅谈解除装饰器作用(python3新增)
2018/10/15 Python
python创建文件时去掉非法字符的方法
2018/10/31 Python
Pytorch修改ResNet模型全连接层进行直接训练实例
2019/09/10 Python
python连接PostgreSQL过程解析
2020/02/09 Python
解决Django响应JsonResponse返回json格式数据报错问题
2020/08/09 Python
Lenox官网:精美的瓷器&独特的礼品
2017/02/12 全球购物
Watchshop德国:欧洲在线手表No.1
2019/06/20 全球购物
抽象类和接口的区别
2012/09/19 面试题
自动化专业个人求职信范文
2013/11/29 职场文书
校园元旦活动总结
2014/07/09 职场文书
工会工作先进事迹
2014/08/18 职场文书
营业员岗位职责范本
2015/04/14 职场文书
采购部年度工作总结
2015/08/13 职场文书
关于@OnetoMany关系映射的排序问题,使用注解@OrderBy
2021/12/06 Java/Android
Nginx工作模式及代理配置的使用细节
2022/03/21 Servers
Spring Security动态权限的实现方法详解
2022/06/16 Java/Android