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 表格隔行颜色
Dec 02 Javascript
jquery ajax 同步异步的执行示例代码
Jun 23 Javascript
MooBox 基于Mootools的对话框插件
Jan 20 Javascript
使用jquery animate创建平滑滚动效果(可以是到顶部、到底部或指定地方)
May 27 Javascript
js实现回放拖拽轨迹从过程上进行分析
Jun 26 Javascript
Bootstrop实现多级下拉菜单功能
Nov 24 Javascript
前端 Vue.js 和 MVVM 详细介绍
Dec 29 Javascript
JS数组交集、并集、差集的示例代码
Aug 23 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
Mar 24 Javascript
javascript设计模式 ? 原型模式原理与应用实例分析
Apr 10 Javascript
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 Javascript
基于Vant UI框架实现时间段选择器
Dec 24 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根据操作系统转换文件名大小写的方法
2014/02/24 PHP
PHP中SQL查询语句的id=%d解释(推荐)
2016/12/10 PHP
php实现XML和数组的相互转化功能示例
2017/02/08 PHP
gearman管理工具GearmanManager的安装与php使用方法示例
2020/02/27 PHP
jquery ajax提交整个表单元素的快捷办法
2013/03/27 Javascript
js获取对象为null的解决方法
2013/11/21 Javascript
javascript实现2048游戏示例
2014/05/04 Javascript
JavaScript中window.open用法实例详解
2015/04/15 Javascript
JQuery中DOM实现事件移除的方法
2015/06/13 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
2015/09/06 Javascript
jQuery UI Bootstrap是什么?
2016/06/17 Javascript
js简单实现调整网页字体大小的方法
2016/07/23 Javascript
HTML Table 空白单元格补全的简单实现
2016/10/13 Javascript
BootStrap tooltip提示框使用小结
2016/10/26 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
完美解决jQuery fancybox ie 无法显示关闭按钮的问题
2016/11/29 Javascript
详解js的六大数据类型
2016/12/27 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
微信小程序实现图片上传功能实例(前端+PHP后端)
2018/01/10 Javascript
vue toggle做一个点击切换class(实例讲解)
2018/03/13 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
jQuery模拟12306城市选择框功能简单实现方法示例
2018/08/13 jQuery
微信小程序实现聊天室
2020/08/21 Javascript
[32:17]完美世界DOTA2联赛循环赛LBZS vs Forest第二场 10月30日
2020/10/31 DOTA
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
浅谈pycharm出现卡顿的解决方法
2018/12/03 Python
Python 调用 zabbix api的方法示例
2019/01/06 Python
利用python list完成最简单的DB连接池方法
2019/08/09 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
python相对企业语言优势在哪
2020/06/12 Python
python uuid生成唯一id或str的最简单案例
2021/01/13 Python
python 实现的车牌识别项目
2021/01/25 Python
美国最值得信赖的宠物药房:Allivet
2019/03/23 全球购物
单位接收证明格式
2015/06/18 职场文书
JavaWeb 入门:Hello Servlet
2021/07/16 Java/Android