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 相关文章推荐
兼容Mozilla必须知道的知识。
Jan 09 Javascript
JavaScript使用prototype定义对象类型
Feb 07 Javascript
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
jquery tab插件精简版分享
Sep 10 Javascript
javascript使用isNaN()函数判断变量是否为数字
Sep 21 Javascript
深入理解JavaScript的React框架的原理
Jul 02 Javascript
JS更改select内option属性的方法
Oct 14 Javascript
js实现旋转木马效果
Mar 17 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
Vue插槽_特殊特性slot,slot-scope与指令v-slot说明
Sep 04 Javascript
解决vuex改变了state的值,但是页面没有更新的问题
Nov 12 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
Date对象格式化函数代码
2010/07/17 Javascript
JavaScript Title、alt提示(Tips)实现源码解读
2010/12/12 Javascript
jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
2013/06/04 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
js实现window.open不被拦截的解决方法汇总
2014/10/30 Javascript
jQuery中innerWidth()方法用法实例
2015/01/19 Javascript
jQuery读取XML文件内容的方法
2015/03/09 Javascript
javascript中的altKey 和 Event属性大全
2015/11/06 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
Vue中计算属性computed的示例解读
2017/07/26 Javascript
Javascript刷新页面的实例
2017/09/23 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
JavaScript 俄罗斯方块游戏实现方法与代码解释
2020/04/08 Javascript
微信小程序实现watch监听
2020/06/04 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
用Python制作简单的朴素基数估计器的教程
2015/04/01 Python
Python实现定制自动化业务流量报表周报功能【XlsxWriter模块】
2019/03/11 Python
python3.4+pycharm 环境安装及使用方法
2019/06/13 Python
python基础 range的用法解析
2019/08/23 Python
django自带调试服务器的使用详解
2019/08/29 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
第二层交换机和路由器的区别?第三层交换机和路由器的区别?
2013/05/23 面试题
Python里面search()和match()的区别
2016/09/21 面试题
毕业生幼师求职自荐信
2013/10/01 职场文书
战友聚会邀请函
2014/01/18 职场文书
2014年文学毕业生自我鉴定
2014/04/23 职场文书
工程承包协议书
2014/10/20 职场文书
个人欠条范本
2015/07/03 职场文书
2015年教师节主持词
2015/07/03 职场文书
教师节感想
2015/08/11 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
ElementUI实现el-form表单重置功能按钮
2021/07/21 Javascript
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js