懂视1
懂视101
懂视201
懂视301
懂视401
懂视501
懂视601
懂视701
懂视801
懂视901
懂视1001
懂视1101
懂视1201
懂视1301
懂视1401
懂视1501
懂视1601
懂视1701
懂视1801
懂视1901
文库1
文库101
文库201
文库301
文库401
文库501
文库601
文库701
文库801
文库901
文库1001
文库1101
文库1201
文库1301
文库1401
文库1501
文库1601
文库1701
文库1801
文库1901
倪彼情感
全部频道
首页
科技
教育
生活
旅游
时尚
美容
美食
健康
体育
游戏
汽车
家电
您的当前位置：
首页
判断checkbox选择的个数多浏览器_javascript技巧
判断checkbox选择的个数多浏览器_javascript技巧
来源：倪彼情感
就是不能让用户选择超过5个checkbox
<html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> 5){ ii -=1; this.checked = false;alert('最多不能超多5个主营项目！请重新选择！');} } } } window.onload = boxnum; //--> </ script> </head> <body> <table cellspacing="0" border="1" width="200" > <tr> <td><input type="checkbox" name="c"></td> <td><input type="checkbox" name="c"></td> <td><input type="checkbox" name="c"></td> </tr> <tr> <td><input type="checkbox" name="c"></td> <td><input type="checkbox" name="c"></td> <td><input type="checkbox" name="c"></td> </tr> </body> </html>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
第二种方法
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> 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;i<box.length;i++){ if(box[i].checked){ii++;} } if(ii>5){ alert('最多不能超多5个主营项目！请重新选择！'); srcE.checked=false; } } document.onkeydown=document.onchange=document.onclick=checknum; </ script> </head> <body> </body> </html>
[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; } </ script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
显示全文