js判断checkbox是否选中个数的方法(超简单)


Posted in Javascript onAugust 19, 2016

实例如下:

<SCRIPT LANGUAGE="JavaScript">
	//判断同类型
	function checkboxnum(){
	 var form = document.forms['formbj1'];
	 var i,j=0;
	 for (i=0; i<form.length; i++){
	 var e=form[i];
	 if (e.checked && e.type=='checkbox' && e.name=='bjid[]') {
	  j++;
	  if(j==3){
		alert("最多只能选择2项!");
		return false;
		break;
	  }
	 }
	 }
	}
	</script>


<form action="zhdk_bj.php" method="post" name="formbj1" id="formbj1">

<input name="bjid[]" id="bjid[]" type="checkbox" onclick="return checkboxnum()" value="1" />

<input name="bjid[]" id="bjid[]" type="checkbox" onclick="return checkboxnum()" value="2" />

<input name="bjid[]" id="bjid[]" type="checkbox" onclick="return checkboxnum()" value="3" />


</form>

以上这篇js判断checkbox是否选中个数的方法(超简单)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript实现拼音排序的方法
Nov 20 Javascript
JavaScript地图拖动功能SpryMap的简单实现
Jul 17 Javascript
JavaScript中合并数组的N种方法
Sep 16 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
Angular 2父子组件数据传递之@Input和@Output详解 (上)
Jul 05 Javascript
使用JavaScript实现链表的数据结构的代码
Aug 02 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
webstorm添加*.vue文件支持
May 08 Javascript
vue定义全局变量和全局方法的方法示例
Aug 01 Javascript
vue  自定义组件实现通讯录功能
Sep 30 Javascript
Vue.js的复用组件开发流程完整记录
Nov 29 Javascript
Vue和React组件之间的传值方式详解
Jan 31 Javascript
Angular设置title信息解决SEO方面存在问题
Aug 19 #Javascript
js仿腾讯QQ的web登陆界面
Aug 19 #Javascript
基于WebUploader的文件上传js插件
Aug 19 #Javascript
JS获取checkbox的个数简单实例
Aug 19 #Javascript
JS提示:Uncaught SyntaxError:Unexpected token ) 错误的解决方法
Aug 19 #Javascript
jQuery搜索框效果实现代码(百度关键词联想)
Feb 25 #Javascript
浅谈js中test()函数在正则中的使用
Aug 19 #Javascript
You might like
《PHP编程最快明白》第六讲:Mysql数据库操作
2010/11/01 PHP
ThinkPHP实现批量删除数据的代码实例
2014/07/02 PHP
使用array_map简单搞定PHP删除文件、删除目录
2014/10/29 PHP
ThinkPHP中redirect用法分析
2014/12/05 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
表格 隔行换色升级版
2009/11/07 Javascript
javascript下高性能字符串连接StringBuffer类
2010/08/16 Javascript
javascript数组去重3种方法的性能测试与比较
2013/03/26 Javascript
jquery的attr方法禁用表单元素禁用输入内容
2014/06/23 Javascript
javascript中局部变量和全局变量的区别详解
2015/02/27 Javascript
js实现二级菜单渐隐显示
2015/11/03 Javascript
如何通过js实现图片预览功能【附实例代码】
2016/03/30 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
在js里怎么实现Xcode里的callFuncN方法(详解)
2016/11/05 Javascript
微信小程序实现的贪吃蛇游戏【附源码下载】
2018/01/03 Javascript
基于vue中对鼠标划过事件的处理方式详解
2018/08/22 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
Vue $mount实战之实现消息弹窗组件
2019/04/22 Javascript
python单链表实现代码实例
2013/11/21 Python
Python用Pillow(PIL)进行简单的图像操作方法
2017/07/07 Python
Django 使用logging打印日志的实例
2018/04/28 Python
在Python中输入一个以空格为间隔的数组方法
2018/11/13 Python
浅析python3字符串格式化format()函数的简单用法
2018/12/07 Python
解决python字典对值(值为列表)赋值出现重复的问题
2019/01/20 Python
Python OOP类中的几种函数或方法总结
2019/02/22 Python
Django REST framwork的权限验证实例
2020/04/02 Python
python多进程使用函数封装实例
2020/05/02 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
2013/01/31 HTML / CSS
HTML5实现移动端复制功能
2018/04/19 HTML / CSS
美国知名男士服饰品牌:Brooks Brothers(布克兄弟)
2016/08/25 全球购物
党员岗位承诺书
2014/03/25 职场文书
2016秋季田径运动会广播稿
2015/12/21 职场文书
python中24小时制转换为12小时制的方法
2021/06/18 Python
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript