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创建和操作表格的函数集合
May 07 Javascript
jquery实现背景墙聚光灯效果示例分享
Mar 02 Javascript
js实例属性和原型属性示例详解
Nov 23 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
Javascript中setTimeOut和setInterval的定时器用法
Jun 12 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
D3.js中强制异步文件读取同步的几种方法
Feb 06 Javascript
在vue中使用vue-echarts-v3的实例代码
Sep 13 Javascript
extract-text-webpack-plugin用法详解
Feb 14 Javascript
vue 强制组件重新渲染(重置)的两种方案
Oct 29 Javascript
vue中实现回车键登录功能
Feb 19 Javascript
vue单文件组件无法获取$refs的问题
Jun 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 Smarty模板生成html文档的方法
2010/04/12 PHP
php设计模式 Bridge (桥接模式)
2011/06/26 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
IE8 兼容性问题(属性名区分大小写)
2009/06/04 Javascript
jquery乱码与contentType属性设置问题解决方案
2013/01/07 Javascript
jquery $.each()使用探讨
2013/09/23 Javascript
浅谈JavaScript 框架分类
2014/11/10 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
js中split和replace的用法实例
2015/02/28 Javascript
Javascript实现鼠标右键特色菜单
2015/08/04 Javascript
jQuery无刷新上传之uploadify3.1简单使用
2016/06/18 Javascript
关于JS中二维数组的声明方法
2016/09/24 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
Bootstrap模态框案例解析
2017/03/05 Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
2017/09/19 Javascript
AngualrJs清除定时器遇到的坑
2017/10/13 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
小程序异步问题之多个网络请求依次执行并依次收集请求结果
2019/05/05 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
详解vue中在循环中使用@mouseenter 和 @mouseleave事件闪烁问题解决方法
2020/04/07 Javascript
pytorch中tensor的合并与截取方法
2018/07/26 Python
python3实现猜数字游戏
2020/12/07 Python
Python绘制组合图的示例
2020/09/18 Python
如何利用Python写个坦克大战
2020/11/18 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
CSS3提交意见输入框样式代码
2014/10/30 HTML / CSS
会计学专业求职信
2014/07/17 职场文书
离婚协议书怎么写
2015/01/26 职场文书
质量保证书怎么写
2015/02/27 职场文书
2015年办公室文员工作总结
2015/04/24 职场文书
关于环保的广播稿
2015/12/17 职场文书
HR必备:销售经理聘用合同范本
2019/08/21 职场文书
PL350与SW11的比较
2021/04/22 无线电
JS轻量级函数式编程实现XDM二
2022/06/16 Javascript