急求一个关于checkbox的javascript问题

dearzhangdai 2008-05-21 09:50:51
现有checkstore,checkform,check1至check18,共20个checkbox按钮:

如果checkstore被选择,则check6才可以被选择,否则不能选择;
如果checkform被选择,则check15,check16,check17,check18才可以被选择,否则不能选择;
check1与check2不可以同时不被选择;
check8与check9不可以同时不被选择;
如果check2被选中,则check13、14必须被选中;
如果只有check1被选中,则check13、14可以被选,亦可以不被选。
...全文
188 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
jhwcd 2008-05-21
  • 打赏
  • 举报
回复
用5楼的方式做比较合理!!!
[Quote=引用 5 楼 s_liangchao1s 的回复:]
HTML code
<html>
<head>
<title>checkbox </title>
<script language="javascript">
function $(sId){return document.getElementById(sId)}
function f_checked(){
$('check1').disabled = $('check2').checked;
$('check2').disabled = $('check1').checked;
$('check13').checked = $('check2').checked;
$('check14').checked = $('check2').checked;
$('check8').disabled = $('check9').checked;
$('che…
[/Quote]
s_liangchao1s 2008-05-21
  • 打赏
  • 举报
回复

<html>
<head>
<title>checkbox </title>
<script language="javascript">
function $(sId){return document.getElementById(sId)}
function f_checked(){
$('check1').disabled = $('check2').checked;
$('check2').disabled = $('check1').checked;
$('check13').checked = $('check2').checked;
$('check14').checked = $('check2').checked;
$('check8').disabled = $('check9').checked;
$('check9').disabled = $('check8').checked;
}
</script>
</head>
<body>
<form name="aform" method="post" action="">
<table>
<tr>
<td> <Input type="checkbox" id="check1" value="1" onclick="f_checked()">check1 </td>
<td> <Input type="checkbox" id="check2" value="2" onclick="f_checked()">check2 </td>
<td> <Input type="checkbox" id="check13" value="13">check13 </td>
<td> <Input type="checkbox" id="check14" value="14">check14 </td>
<td> <Input type="checkbox" id="check19" value="19">check19 </td>
</tr>
<tr>
<td> <Input type="checkbox" id="checkstore" value="checkstore" onclick="f_checked()">checkstore </td>
<td> <Input type="checkbox" id="check6" value="6" disabled>check6 </td>
<td> <Input type="checkbox" id="check8" onclick="f_checked()" value="8">check8 </td>
<td> <Input type="checkbox" id="check9" onclick="f_checked()" value="9">check9 </td>
<td> <Input type="checkbox" id="check20" value="20">check20 </td>
</tr>
<tr>
<td> <Input type="checkbox" id="checkform" value="checkform" onclick="f_checked()">checkform </td>
<td> <Input type="checkbox" id="check15" value="15" disabled>check15 </td>
<td> <Input type="checkbox" id="check16" value="16" disabled>check16 </td>
<td> <Input type="checkbox" id="check17" value="17" disabled>check17 </td>
<td> <Input type="checkbox" id="check18" value="18" disabled>check18 </td>
</tr>
<tr>
<td> <Input type="checkbox" id="check3" value="3">check3 </td>
<td> <Input type="checkbox" id="check4" value="4">check4 </td>
<td> <Input type="checkbox" id="check5" value="5">check5 </td>
<td> <Input type="checkbox" id="check7" value="7">check7 </td>
<td> <Input type="checkbox" id="check10" value="10">check10 </td>
</tr>
</table>
</form>
</body>
</html>

s_liangchao1s 2008-05-21
  • 打赏
  • 举报
回复
写得太繁琐
dearzhangdai 2008-05-21
  • 打赏
  • 举报
回复
多谢ls,我自己再改一些就正确了。
joegu 2008-05-21
  • 打赏
  • 举报
回复
顶楼上的
milankaka22 2008-05-21
  • 打赏
  • 举报
回复
这个很简单的,就用到checkbox俩属性,可能我有理解错的地方,你看着改一下吧.

<html>
<head>
<title>checkbox</title>
<script language="javascript">
window.onload=function(){
document.aform.check6.disabled = true;
document.aform.check15.disabled = true;
document.aform.check16.disabled = true;
document.aform.check17.disabled = true;
document.aform.check18.disabled = true;
}
function f_checked(){
if(document.aform.check1.checked){
document.aform.check2.disabled=true;
}else{
document.aform.check2.disabled=false;
}

if(document.aform.check2.checked){
document.aform.check1.disabled=true;
document.aform.check13.checked=true;
document.aform.check14.checked=true;
}else{
document.aform.check1.disabled=false;
}

if(document.aform.check8.checked){
document.aform.check9.disabled=true;
}else{
document.aform.check9.disabled=false;
}

if(document.aform.check9.checked){
document.aform.check8.disabled=true;
}else{
document.aform.check8.disabled=false;
}

if(document.aform.checkstore.checked){
document.aform.check6.disabled=false;
}else{
document.aform.check6.disabled=true;
}
if(document.aform.checkform.checked){
document.aform.check15.disabled=false;
document.aform.check16.disabled=false;
document.aform.check17.disabled=false;
document.aform.check18.disabled=false;
}else{
document.aform.check15.disabled=true;
document.aform.check16.disabled=true;
document.aform.check17.disabled=true;
document.aform.check18.disabled=true;
}
}
</script>
</head>
<body>
<form name="aform" method="post" action="">
<table>
<tr>
<td><Input type="checkbox" name="check1" value="1" onclick="f_checked()">check1</td>
<td><Input type="checkbox" name="check2" value="2" onclick="f_checked()">check2</td>
<td><Input type="checkbox" name="check13" value="13">check13</td>
<td><Input type="checkbox" name="check14" value="14">check14</td>
<td><Input type="checkbox" name="check19" value="19">check19</td>
</tr>
<tr>
<td><Input type="checkbox" name="checkstore" value="checkstore" onclick="f_checked()">checkstore</td>
<td><Input type="checkbox" name="check6" value="6">check6</td>
<td><Input type="checkbox" name="check8" value="8">check8</td>
<td><Input type="checkbox" name="check9" value="9">check9</td>
<td><Input type="checkbox" name="check20" value="20">check20</td>
</tr>
<tr>
<td><Input type="checkbox" name="checkform" value="checkform" onclick="f_checked()">checkform</td>
<td><Input type="checkbox" name="check15" value="15">check15</td>
<td><Input type="checkbox" name="check16" value="16">check16</td>
<td><Input type="checkbox" name="check17" value="17">check17</td>
<td><Input type="checkbox" name="check18" value="18">check18</td>
</tr>
<tr>
<td><Input type="checkbox" name="check3" value="3">check3</td>
<td><Input type="checkbox" name="check4" value="4">check4</td>
<td><Input type="checkbox" name="check5" value="5">check5</td>
<td><Input type="checkbox" name="check7" value="7">check7</td>
<td><Input type="checkbox" name="check10" value="10">check10</td>
</tr>
</table>
</form>
</body>
</html>

87,901

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧