87,910
社区成员
发帖
与我相关
我的任务
分享复选框的选择问题
下面是一个表单，我想让单击第一组的任何一个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>
请问如何做。谢谢！
<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>
...全文
请发表友善的回复…
发表回复
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>
<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>
