判断checkbox选择的个数 多浏览器

就是不能让用户选择超过5个checkbox

New Document

5){ ii -=1; this.checked = false;alert('最多不能超多5个主营项目！请重新选择！');}
}
}

}
window.onload = boxnum;
//-->

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

第二种方法

无标题文档

function boxnum(obj){

}

function checknum(){
var e,srcE
e=window.event?window.event:e;
srcE=e.srcElement?e.srcElement:e.target;
if(!srcE)return;
if(String(srcE.tagName).toLowerCase()!="input"||String(srcE.type).toLowerCase()!="checkbox")return;
var box = document.form1.elements['checkbox3'];
var ii = 0
for(var i=0;i5){
alert('最多不能超多5个主营项目！请重新选择！');
srcE.checked=false;
}
}
document.onkeydown=document.onchange=document.onclick=checknum;


1

2

3

4

5

6

7

8

9

10

    
   
     

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上面的只能在IE下运行
支持多浏览器的方法

var m_count = 0;
document.getElementById("form1").onclick = function(e){
ele = (document.all)?window.event.srcElement:e.target;
if (ele.nodeName.toLowerCase()=="input" && ele.type.toLowerCase()=="checkbox" && ele.checked)
m_count++;
if (ele.nodeName.toLowerCase()=="input" && ele.type.toLowerCase()=="checkbox" && !ele.checked)
m_count--;
if(m_count>5){
m_count--;
alert("最多不能超多5个主营项目！");
return false;
}
return true;
}

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • 判断checkbox选择的个数 多浏览器

    就是不能让用户选择超过5个checkbox New Document 5){ ii -=1; this.checked = false;alert('最多不能超多5个主营项目!请重新选择!');} } } } window.onload = boxnum; //--> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 第二种方法 无标题文档 function boxnum(obj){ } function checknum(){ var e,srcE e=window.event?wi

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

    实例如下: <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[]')

  • CheckBox多选取值及判断CheckBox选中是否为空的实例

    实例如下: var chk_value = [];//定义一个数组 //name是CheckBox的name属性定义的名称 $('input[name="time"]:checked').each(function () { chk_value.push($(this).val()); }); if (chk_value.length < 1) { alert("CheckBox选项为空") return false; } alert(chk_value );

  • JQuery限制复选框checkbox可选中个数的方法

    本文实例讲述了JQuery限制复选框checkbox可选中个数的方法.分享给大家供大家参考.具体分析如下: 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 如果小于则所有复选框都能选择 <script type="text/javascript"> $(document).ready(function() { $('input[type=checkbox]').click(function() { $("

  • 判断Checkbox和Radio的一种方法

    判断Checkbox和Radio - 51windows.Net 选择1 选择2 选择3 选择4 选择1 选择2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js如何判断用户是否是用微信浏览器

    上周接到个需求,需求是这样的:用户扫一扫二维码会产生一个链接,该链接会向后端发送个请求,返回一个 apk 的下载地址,用户点击下载按钮可以下载此 apk.然后就发生了问题,经过测试,发现用微信扫一扫打开的页面点击下载按钮下载不了 apk,后百度之,原来是微信内置浏览器屏蔽了下载链接,后面和需求方沟通,需求改为如果用户是用微信内置浏览器打开的,则提示用户换一个浏览器打开页面,否则下载不了 apk.那么该如何判断用户是否是用微信浏览器呢? 我们知道 js 可以通过 window.navigator.

  • 通过JS和PHP两种方法判断用户请求时使用的浏览器类型

    在进行微信公众账号开发的时候,其中很大一块是微站点的开发,我们需要知道当前的浏览器是微信内置的浏览器,那么如何判断呢? 微信内置浏览器的 User Agent 如何判断微信内置浏览器,首先需要获取微信内置浏览器的User Agent,经过在 iPhone 上微信的浏览器的检测,它的 User Agent 是: Mozilla/5.0 (iPhone; CPU iPhone OS 6_1_3 like Mac OS X) AppleWebKit/536.26 (KHTML, like Gecko)

  • JS判断当前页面是否在微信浏览器打开的方法

    本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法.分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以

  • jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码

    jQuery判断checkbox(复选框)是否被选中:if($("#id").attr("checked")==true) jQuery实现checkbox(复选框)选中.全选/反选代码: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transiti

  • JQuery判断checkbox是否选中及其它复选框操作方法合集

    一.jquery判断checkbox是否选中及改变checkbox状态 jquery判断checked的三种方法: 复制代码 代码如下: .attr('checked):   //看版本1.6+返回:"checked"或"undefined" ;1.5-返回:true或false .prop('checked'): //16+:true/false .is(':checked'):    //所有版本:true/false//别忘记冒号哦 jquery赋值check

随机推荐