复选框怎么限制个数

Question

我现在有个复选框的表单
<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个框，一个不能多一个不能少。请问该怎么写？最好能贴一下测试过的代码。谢谢！

Answer 1

<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>
这样试试

Answer 2

点击时，遍历dom，判断已经checked的个数，如果与要求的不符合，那么给予提示。