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

时间:2020-05-11 人气:0

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<html> 
<head> 
<title> New Document </title> 
<meta name="Generator" content="EditPlus"> 
<meta name="Author" content=""> 
<meta name="Keywords" content=""> 
<meta name="Description" content=""> 
<script language="JavaScript"> 
 
</script> 
</head>

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

第二种方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>无标题文档</title> 
<script>

function boxnum(obj){ 
     
}

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

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

<form method="post" action="" name="form1" id="form1"> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
    <input type="checkbox" name="a" /> 
</form> 
<script language="javascript" type="text/javascript"> 
    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; 
    } 
</script>

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

加载全部内容

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

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