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 相关文章推荐
网页自动跳转代码收集
Sep 27 Javascript
JQuery插件Style定制化方法的分析与比较
May 03 Javascript
window.location不跳转的问题解决方法
Apr 17 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
jQuery 特性操作详解及实例代码
Sep 29 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
JS调用安卓手机摄像头扫描二维码
Oct 16 Javascript
js中的reduce()函数讲解
Jan 18 Javascript
vue excel上传预览和table内容下载到excel文件中
Dec 10 Javascript
在nuxt中使用路由重定向的实例
Nov 06 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中遍历stdclass object的实现代码
2011/06/09 PHP
解析PHP可变函数的经典用法
2013/06/20 PHP
php创建和删除目录函数介绍和递归删除目录函数分享
2014/11/18 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
PHP数据库编程之MySQL优化策略概述
2017/08/16 PHP
thinkPHP5框架auth权限控制类与用法示例
2018/06/12 PHP
使用composer安装使用thinkphp6.0框架问题【视频教程】
2019/10/01 PHP
Locate a File Using a File Open Dialog Box
2007/06/18 Javascript
JavaScript入门教程(1) 什么是JS
2009/01/31 Javascript
Jquery Ajax.ashx 高效分页实现代码
2009/10/20 Javascript
ExtJs3.0中Store添加 baseParams 的Bug
2010/03/10 Javascript
JS 如果改变span标签的是否隐藏属性
2011/10/06 Javascript
nodejs实现的一个简单聊天室功能分享
2014/12/06 NodeJs
JavaScript中实现Map的示例代码
2015/09/09 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
Bootstrap实现input控件失去焦点时验证
2016/08/04 Javascript
微信小程序 视图容器组件的详解及实例代码
2017/01/19 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
2017/07/28 Javascript
JavaScript监听手机物理返回键的两种解决方法
2017/08/14 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
Vue.js 事件修饰符的使用教程
2018/11/01 Javascript
vue实现商品列表的添加删除实例讲解
2020/05/14 Javascript
python实现的重启关机程序实例
2014/08/21 Python
Python实现遍历windows所有窗口并输出窗口标题的方法
2015/03/13 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
python使用opencv实现马赛克效果示例
2019/09/28 Python
利用setuptools打包python程序的方法步骤
2020/01/18 Python
Python实现动态给类和对象添加属性和方法操作示例
2020/02/29 Python
python中sympy库求常微分方程的用法
2020/04/28 Python
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
成品仓管员工作职责
2013/12/29 职场文书
承诺书的格式范文
2014/03/28 职场文书
植树节口号
2014/06/21 职场文书
被告代理词范文
2015/05/25 职场文书
JavaScript实现队列结构过程
2021/12/06 Javascript