javascript控制复选框的选择个数？

Question

一个个判断 var i=0;
if(document.all("test1").checked==true){
     i=i+1
}
if(document.all("test2").checked==true){
     i=i+1
}
if(document.all("test3").checked==true){
     i=i+1
}
if(document.all("test4").checked==true){
     i=i+1
}
if(i>3){
    alert('zzz')
}

Answer 1

<form name="myform" method="post" action="shi1.jsp"> 
<td> <input type="checkbox" name="test1" value="ww1">ww1 </td> 
<td> <input type="checkbox" name="test2" value="ww2">ww2 </td> 
<td> <input type="checkbox" name="test3" value="ww3">ww3 </td> 
<td> <input type="checkbox" name="test4" value="ww4">ww4 </td> <td> <input name="Submit" type="submit" value="提交"> 
</form><script>
var selectnum = 0; var chkArr = document.getElementsByTagName("input"); for(var i=0;i<chkArr.length;i++){
if(chkArr[i].getAttribute("type") == "checkbox"){
chkArr[i].onclick = function(){
if(this.checked) selectnum++;
else selectnum--;
if(selectnum > 3){
alert("最多选择3个");
this.checked = false;
selectnum--;
}
}
}
}</script>

Answer 2

<script lanuage="javascript">
function showMe(){
var a = document.getElementsByTagName("input");
var b=0;
for(var i=0;i<a.length;i++){
if(a[i].type=="checkbox"&&a[i].checked){
b++;
}
}
if(b>3){
alert("您选择的复选框个数不能超过三个");
}
}
</script>

Answer 3

帮你写全一点:
你的<input type="submit" value="提交"> 得改改，要不触发不了上面的函数
修改如下：
 <input type="buton" name="okBtn" value="提交" onclick="showMe();" />
这样,javascrpit代码也得修改如下：<script lanuage="javascript">
function showMe(){
var a = document.getElementsByTagName("input");
var b=0;
for(var i=0;i<a.length;i++){
if(a[i].type=="checkbox"&&a[i].checked){
b++;
}
}
if(b>3){
alert("您选择的复选框个数不能超过三个");
return false;
}
myform.method="post";
myform.action="shi1.jsp";
myform.btnOk.submit();
}
</script>