复选框的选择问题

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>check</title>
<script>
document.onclick=function(){
if(event.srcElement.type=="checkbox"){
var objs = event.srcElement.parentElement.childNodes;
var chked = event.srcElement.checked;
 for(var i=0;i<objs.length;i++){
   if(objs[i].type=="checkbox"){
     objs[i].checked = chked;
   }
 }
}
}
</script>
</head>
<body>
<form name="form1" method="post" action="">
第一组：<div id="div1">
<input name="chk" type="checkbox" id="chk" value="chk1">复选一<br>
<input name="chk" type="checkbox" id="chk" value="chk2">复选二 <br>
<input name="chk" type="checkbox" id="chk" value="chk3">复选三 <br>
</div>
第二组：<div id="div2">
<input name="chk" type="checkbox" id="chk" value="chka">复选A<br>
<input name="chk" type="checkbox" id="chk" value="chkb">复选B <br>
<input name="chk" type="checkbox" id="chk" value="chkc">复选C <br>
</div>
</form>
</body>
</html>