复选框的选择问题

下面是一个表单，我想让单击第一组的任何一个checkbox，第一组的所有checkbox都选中。单击第二组的任何一个，第二组的所有checkbox都选中。
请问如何做。谢谢！

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>check</title>
</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>