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 相关文章推荐
通过JavaScript控制字体大小的代码
Oct 04 Javascript
jquery聚焦文本框与扩展文本框聚焦方法
Oct 12 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
基于jQuery实现的仿百度首页滑动选项卡效果代码
Nov 16 Javascript
Node.js中Request模块处理HTTP协议请求的基本使用教程
Mar 31 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
解决iview打包时UglifyJs报错的问题
Mar 07 Javascript
Node.js应用设置安全的沙箱环境
Apr 23 Javascript
ExtJs使用自定义插件动态保存表头配置(隐藏或显示)
Sep 25 Javascript
简单了解vue 插值表达式Mustache
Jul 22 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 并发场景的几种解决方案
2019/06/14 PHP
JQuery each打印JS对象的方法
2013/11/13 Javascript
关于javaScript注册click事件传递参数的不成功问题
2014/07/18 Javascript
一个支持任意尺寸的图片上下左右滑动效果
2014/08/24 Javascript
node.js中的fs.appendFileSync方法使用说明
2014/12/17 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
Jquery使用css方法改变样式实例
2015/05/18 Javascript
js实现完美兼容各大浏览器的人民币大小写相互转换
2015/10/29 Javascript
Javascript字符串常用方法详解
2016/07/21 Javascript
JQuery实现DIV其他动画效果的简单实例
2016/09/18 Javascript
Javascript中document.referrer隐藏来源的方法
2017/01/16 Javascript
原生js实现中奖信息无间隙滚动效果
2017/01/18 Javascript
NodeJS、NPM安装配置步骤(windows版本) 以及环境变量详解
2017/05/13 NodeJs
使用jQuery实现两个div中按钮互换位置的实例代码
2017/09/21 jQuery
vscode中vue-cli项目es-lint的配置方法
2018/07/30 Javascript
解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题
2018/09/14 Javascript
总结4个方面优化Vue项目
2019/02/11 Javascript
Nodejs在局域网配置https访问的实现方法
2020/10/17 NodeJs
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
python 用pandas实现数据透视表功能
2020/12/21 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
英国著名国际平价时尚男装品牌:Topman
2016/08/27 全球购物
美国在线家居装饰店:Belle&June
2018/10/24 全球购物
美国在线鞋类零售商:LifeStride
2019/06/09 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
Clos19英国:高档香槟、葡萄酒和烈酒在线购物平台
2020/07/10 全球购物
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
环境工程大学生个人的自我评价
2013/10/08 职场文书
语文教育专业应届生求职信
2013/11/23 职场文书
个人能力自我鉴赏
2014/01/25 职场文书
大学军训的体会
2014/11/08 职场文书
继续教育个人总结
2015/03/03 职场文书
MYSQL 表的全面总结
2021/11/11 MySQL