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来定义浏览器中一个左右浮动元素相对于页面主体宽度的位置的函数
Jan 21 Javascript
js函数定时器实现定时读取系统实时连接数
Apr 30 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
JavaScript进阶练习及简单实例分析
Jun 03 Javascript
Angular中$cacheFactory的作用和用法实例详解
Aug 19 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
原生JS实现图片左右轮播
Dec 30 Javascript
vue 中的keep-alive实例代码
Jul 20 Javascript
监控微信小程序中的慢HTTP请求过程详解
Jul 05 Javascript
JS页面动态绘图工具SVG,Canvas,VML介简介
Oct 16 Javascript
js实现鼠标切换图片(无定时器)
Jan 27 Javascript
vue实现拖拽交换位置
Apr 07 Vue.js
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操作SVN版本服务器类代码
2011/11/27 PHP
YII2.0之Activeform表单组件用法实例
2016/01/09 PHP
PHP实现的通过参数生成MYSQL语句类完整实例
2016/04/11 PHP
Yii控制器中操作视图js的方法
2016/07/04 PHP
jquery的ajax跨域请求原理和示例
2014/05/08 Javascript
原生的html元素选择器类似jquery选择器
2014/10/15 Javascript
jQuery学习笔记之基础中的基础
2015/01/19 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
jquery+php随机生成红包金额数量代码分享
2015/08/27 Javascript
jquery 表单验证之通过 class验证表单不为空
2015/11/02 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
关于javascript sort()排序你可能忽略的一点理解
2017/07/18 Javascript
[原创]js实现保存文本框内容为本地文件兼容IE,chrome,火狐浏览器
2018/02/14 Javascript
vue 国际化 vue-i18n 双语言 语言包
2018/06/07 Javascript
vue-video-player 通过自定义按钮组件实现全屏切换效果【推荐】
2018/08/29 Javascript
JS数组splice操作实例分析
2019/10/12 Javascript
JS实现滑动导航效果
2020/01/14 Javascript
node.JS路径解析之PATH模块使用方法详解
2020/02/06 Javascript
Vue element-ui父组件控制子组件的表单校验操作
2020/07/17 Javascript
python判断端口是否打开的实现代码
2013/02/10 Python
python获得两个数组交集、并集、差集的方法
2015/03/27 Python
Python while 循环使用的简单实例
2016/06/08 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
python 字符串和整数的转换方法
2018/06/25 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
Python测试Kafka集群(pykafka)实例
2019/12/23 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
入党转预备思想汇报
2014/01/07 职场文书
向领导表决心的话
2014/03/11 职场文书
文明村镇申报材料
2014/05/06 职场文书
体育比赛口号
2014/06/09 职场文书
研究生给导师的自荐信
2015/03/06 职场文书
html5移动端禁止长按图片保存的实现
2021/04/20 HTML / CSS
HTML5+CSS+JavaScript实现捉虫小游戏设计和实现
2021/10/16 HTML / CSS
Ruby使用Mysql2连接操作MySQL
2022/04/19 Ruby