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 相关文章推荐
location.href语句与火狐不兼容的问题
Jul 04 Javascript
js调试系列 断点与动态调试[基础篇]
Jun 18 Javascript
探讨js字符串数组拼接的性能问题
Oct 11 Javascript
javascript实现的字符串与十六进制表示字符串相互转换方法
Jul 17 Javascript
jQuery实现响应鼠标背景变化的动态菜单效果代码
Aug 27 Javascript
剖析Node.js异步编程中的回调与代码设计模式
Feb 16 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
koa2 用户注册、登录校验与加盐加密的实现方法
Jul 22 Javascript
vue props default Array或是Object的正确写法说明
Jul 30 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
Sep 01 Javascript
Vue实现boradcast和dispatch的示例
Nov 13 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数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
php中使用getimagesize获取图片、flash等文件的尺寸信息实例
2014/04/29 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
php简单实现多维数组排序的方法
2016/09/30 PHP
php微信公众平台开发(四)回复功能开发
2016/12/06 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
PHP中ltrim()函数的用法与实例讲解
2019/03/28 PHP
js中的replace方法使用介绍
2013/10/28 Javascript
JavaScript中的typeof操作符用法实例
2014/04/05 Javascript
jqueryMobile使用示例分享
2016/01/12 Javascript
简单实现js选项卡切换效果
2017/02/09 Javascript
js判断节假日实例代码
2017/12/27 Javascript
详解jQuery中的easyui
2018/09/02 jQuery
vue-vuex中使用commit提交mutation来修改state的方法详解
2018/09/16 Javascript
node.js中express模块创建服务器和http模块客户端发请求
2019/03/06 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
Python中利用函数装饰器实现备忘功能
2015/03/30 Python
python利用不到一百行代码实现一个小siri
2017/03/02 Python
Python多线程扫描端口代码示例
2018/02/09 Python
python特性语法之遍历、公共方法、引用
2018/08/08 Python
python批量识别图片指定区域文字内容
2019/04/30 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
Python批量启动多线程代码实例
2020/02/18 Python
python 图像增强算法实现详解
2021/01/24 Python
Hotels.com香港酒店网:你的自由行酒店订房专家
2018/01/22 全球购物
世界经理人咨询有限公司面试
2014/09/23 面试题
银行出纳岗位职责
2013/11/25 职场文书
2014五一国际劳动节活动总结范文
2014/04/14 职场文书
先进班组材料范文
2014/12/25 职场文书
史上最牛的辞职信
2015/02/28 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
Python爬虫之爬取哔哩哔哩热门视频排行榜
2021/04/28 Python
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android
Win10 最新稳定版本 21H2开始推送
2022/04/19 数码科技