复选框的选择问题

YesOrNo2003 2004-04-30 10:48:16
下面是一个表单,我想让单击第一组的任何一个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>
...全文
70 1 打赏 收藏 举报
写回复
1 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
bencalie 2004-04-30
<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>
  • 打赏
  • 举报
回复
相关推荐
发帖
JavaScript
加入

8.6w+

社区成员

Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
申请成为版主
帖子事件
创建了帖子
2004-04-30 10:48
社区公告
暂无公告