首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

复选框如何限制个数

2012-06-21 
复选框怎么限制个数我现在有个复选框的表单form action methodpost nameforminput typechec

复选框怎么限制个数
我现在有个复选框的表单
<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的个数,如果与要求的不符合,那么给予提示。

热点排行