小弟对js不是很熟,先跪求大侠帮小弟写一段js代码;
要求如下:有两个复选框A B,还有对应若干个复选框A1,A2,A3,A4 B1,B2,B3;当没有选中复选框A时,下面的A1,A2,A3,A4都无效,同样对应复选框B;也只有当A复选框选中时,下面的A1,A2,A3,A4才能有效,才能共用户选中;
请教大侠们一段代码,小弟感激不尽;

解决方案 »

  1.   

    测试可用
    <script language="javascript">
    function doclick(){
      if (document.all.A.checked==true){
        document.all.A1.disabled=false;
    document.all.A2.disabled=false;
    document.all.A3.disabled=false;
    document.all.A4.disabled=false;
    }
       else{
        document.all.A1.disabled=true;
    document.all.A2.disabled=true;
    document.all.A3.disabled=true;
    document.all.A4.disabled=true;
        document.all.A1.checked=false;
    document.all.A2.checked=false;
    document.all.A3.checked=false;
    document.all.A4.checked=false;
    }
    }
    </script><input type="checkbox" name="A" onclick="doclick()">
    <input type="checkbox" name="A1" onClick="doclick" disabled>
    <input type="checkbox" name="A2" onClick="doclick" disabled>
    <input type="checkbox" name="A3" onClick="doclick" disabled>
    <input type="checkbox" name="A4" onClick="doclick" disabled>
      

  2.   

    上面的A1,A2,A3,A4都不需要onclick事件,复制过来忘删了
      

  3.   

    <html>
    <head>
    <script language="javascript" type="text/javascript">
    function Check(arg)
    {
      if(arg == "A" )
      {
        if( document.all("A").checked == true )
        {
    document.all("A1").disabled = false;
    document.all("A2").disabled = false;
    document.all("A3").disabled = false;
    document.all("A4").disabled = false;
        }
        else
        {
        document.all("A1").disabled = true;
    document.all("A2").disabled = true;
    document.all("A3").disabled = true;
    document.all("A4").disabled = true;
        }
      }else if( arg == "B" )
    {
        if( document.all("B").checked == true )
        {
    document.all("B1").disabled = false;
    document.all("B2").disabled = false;
    document.all("B3").disabled = false;
    document.all("B4").disabled = false;
        }
        else
        {
        document.all("B1").disabled = true;
    document.all("B2").disabled = true;
    document.all("B3").disabled = true;
    document.all("B4").disabled = true;
        }
    }}
    </Script>
    </head>
    <body>
    A<input type="checkbox" value="123" onClick="Check('A')" name="A">
    A1<input type="checkbox" value="123" disabled  name="A1">
    A2<input type="checkbox" value="123"  disabled name="A2">
    A3<input type="checkbox" value="123" disabled name="A3">
    A4<input type="checkbox" value="123" disabled name="A4">
    <br>
    B<input type="checkbox" value="123" onClick="Check('B')" name="B">
    B1<input type="checkbox" value="123" disabled name="B1">
    B2<input type="checkbox" value="123" disabled name="B2">
    B3<input type="checkbox" value="123" disabled name="B3">
    B4<input type="checkbox" value="123"  disabled name="B4">
    </body>
    </html>
      

  4.   

    谢谢你刚才的回答,麻烦在回答我一个问题:现在有a.aspx页面,在其中有一个“添加”按钮,单击后弹出一个窗口(比如b.aspx),现在通过在b页面中添加的人员(可能是一个,也可能是好几个),在单击确定后如何把人员赋给a页面中的一个文本框(如果是多个人要用“,”隔开),还有一个如何从中取出呢?
    先谢谢了;
      

  5.   

    假设两个页面  a.html  b.htmla.html 页面代码
    <html>
    <head>
    <script language="javascript">
    function GetNewUser(userID)
    {
    document.all("userID").value = document.all("userID").value + "," + userID
    }function ShowUserID()
    {
    alert(document.all("userID").value);
    }
    </script>
    </head>
    <body>
    <input type="text" id="userID" value="" />
    <input type="button" onclick="window.open('b.html')" value="弹开b页面" />
    <input type="button" onclick="ShowUserID()" value="读取用户ID" />
    </body>
    </html>b.html页面代码
    <html>
    <head>
    <script language="javascript">
    function SetValue(userID)
    {
    window.opener.GetNewUser(userID);
    }
    </script>
    </head>
    <body>
    <input type="button" onclick="SetValue('1')" value="设置值" />
    </body>
    </html>这样就可以设置了~~
      

  6.   

    <script language="javascript">
    function doclick(){
      if (document.all.A.checked==true){
        document.all.A1.disabled=false;
    document.all.A2.disabled=false;
    document.all.A3.disabled=false;
    document.all.A4.disabled=false;
    }
       else{
        document.all.A1.disabled=true;
    document.all.A2.disabled=true;
    document.all.A3.disabled=true;
    document.all.A4.disabled=true;
        document.all.A1.checked=false;
    document.all.A2.checked=false;
    document.all.A3.checked=false;
    document.all.A4.checked=false;
    }
    }
    </script><input type="checkbox" name="A" onclick="doclick()">
    <input type="checkbox" name="A1"  disabled>
    <input type="checkbox" name="A2"  disabled>
    <input type="checkbox" name="A3" disabled>
    <input type="checkbox" name="A4" disabled>