请教一个多选框问题。（怎么才可以用javascript控制多选框在三个以内）

 1<script language="JavaScript">   
 2<!--   
 3var num = 0;   
 4function checkup( number )   
 5{   
 6var i = 0;   
 7  
 8if( document.form1.elements[number].checked == true ) {   
 9num ++;   
10alert( num );   
11if( num >= 4 ) {   
12num --;   
13alert("error!");   
14document.form1.elements[number].checked = false;   
15}   
16} else {   
17num --;   
18}   
19}   
20//-->   
21</script>

1<form name="form1">
2<input name="chk1" onclick="checkup(0)" type="checkbox"/>
3<input name="chk2" onclick="checkup(1)" type="checkbox"/>
4<input name="chk3" onclick="checkup(2)" type="checkbox"/>
5<input name="chk4" onclick="checkup(3)" type="checkbox"/>
6<input name="s1" type="submit"/>
7</form>

 1<script language="javascript">   
 2function maxSelect(e)   
 3{   
 4var a = document.getElementsByName("UploadimgID"), n=0;   
 5for( var i=0; i<a.length; i++)   
 6if (a[i].checked) n++   
 7if(n > 3)   
 8{   
 9e.checked = false;   
10alert("最多只能选3张")   
11}   
12}   
13</script>