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中简单的实现像C#中using功能(有源码下载)
Jan 09 Javascript
浅析js设置控件的readonly与enabled属性问题
Dec 25 Javascript
JavaScript中的toLocaleDateString()方法使用简介
Jun 12 Javascript
JavaScript 经典实例日常收集整理(常用经典)
Mar 30 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
JS判断两个对象内容是否相等的方法示例
Apr 10 Javascript
vue2.0全局组件之pdf详解
Jun 26 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
浅析Vue自定义组件的v-model
Nov 26 Javascript
vue实现商城上货组件简易版
Nov 27 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
JS中async/await实现异步调用的方法
Aug 28 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
sql注入与转义的php函数代码
2013/06/17 PHP
php邮件发送的两种方式
2020/04/28 PHP
PHP 7.0.2 正式版发布
2016/01/08 PHP
php版微信公众平台之微信网页登陆授权示例
2016/09/23 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
PHP随机生成中文段落示例【测试网站内容时使用】
2020/04/26 PHP
Jquery 弹出层插件实现代码
2009/10/24 Javascript
JavaScript 组件之旅(一)分析和设计
2009/10/28 Javascript
silverlight线程与基于事件驱动javascript引擎(实现轨迹回放功能)
2011/08/09 Javascript
javascript真的不难-回顾一下基础知识
2013/01/15 Javascript
JQuery中的html()、text()、val()区别示例介绍
2014/09/01 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
JQuery使用index方法获取Jquery对象数组下标的方法
2015/05/18 Javascript
JS模拟酷狗音乐播放器收缩折叠关闭效果代码
2015/10/29 Javascript
javascript实现tab切换特效
2015/11/12 Javascript
详解nodejs微信公众号开发——4.自动回复各种消息
2017/04/11 NodeJs
解决vue里碰到 $refs 的问题的方法
2017/07/13 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
node 文件上传接口的转发的实现
2019/09/23 Javascript
[01:03:59]2018DOTA2亚洲邀请赛3月30日 小组赛B组VGJ.T VS Secret
2018/03/31 DOTA
[33:33]完美世界DOTA2联赛PWL S2 FTD.C vs SZ 第二场 11.27
2020/11/30 DOTA
Python爬取Coursera课程资源的详细过程
2014/11/04 Python
Python使用urllib模块的urlopen超时问题解决方法
2014/11/08 Python
python 默认参数问题的陷阱
2016/02/29 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
python获取linux系统信息的三种方法
2020/10/14 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
计算机网络毕业生自荐信
2013/10/01 职场文书
环保建议书600字
2014/05/14 职场文书
销售口号大全
2014/06/11 职场文书
空气的环保标语
2014/06/12 职场文书
超市优秀员工获奖感言
2014/08/15 职场文书
图文详解Nginx版本平滑升级方案
2021/09/15 Servers
《雀魂PONG☆》4月1日播出 PV角色设定情报
2022/03/20 日漫
Android移动应用开发指南之六种布局详解
2022/09/23 Java/Android