日期:2014-05-16  浏览次数:20369 次

复选框怎么限制个数
我现在有个复选框的表单
<form action='' method='post' name="form">
<input type="checkbox" id="car" name="sport[]" value="1">篮球<br/>
<input type="checkbox" id="car" name="sport[]" value="2">足球<br/>
<input type="checkbox" id="car" name="sport[]" value="3">水球<br/>
<input type="checkbox" id="car" name="sport[]" value="3">排球<br/>
<input type="checkbox" id="car" name="sport[]" value="3">羽毛球<br/>
<input type="checkbox" id="car" name="sport[]" value="3">乒乓球<br/>
<input type="checkbox" id="car" name="sport[]" value="3">桌球<br/>

<input type="submit" value="添加">
</form>

要求控制在选5个框,一个不能多一个不能少。请问该怎么写?最好能贴一下测试过的代码。谢谢!


------解决方案--------------------
<script type="text/javascript">
function check(){
var num=0;
var box=document.getElementsByName("sport[]");
for(var i=0;i<box.length;i++){
if(box[i].checked){
num++;
}
}
if(num!=5){
alert("个数不对");
return false;
}
return true;
}
</script>
这样试试
------解决方案--------------------
点击时,遍历dom,判断已经checked的个数,如果与要求的不符合,那么给予提示。