急求一个关于checkbox的javascript问题

现有checkstore,checkform,check1至check18，共20个checkbox按钮：如果checkstore被选择，则check6才可以被选择，否则不能选择；
如果checkform被选择，则check15，check16，check17，check18才可以被选择，否则不能选择；
check1与check2不可以同时不被选择；
check8与check9不可以同时不被选择；
如果check2被选中，则check13、14必须被选中；
如果只有check1被选中，则check13、14可以被选，亦可以不被选。

解决方案 »

  1.   

    这个很简单的,就用到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>
      

  2.   


    <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>