javascript实现选择一个复选框对应行列的复选框全部选中问题(急)

对昨天问题的一点补充:
下面的代码.选中某行第一列的复选框,对应该行第二列的复选框全部选中,同理,选中第三列的复选框对应第四列的复选框全部选中.先谢谢各位高手的帮忙.<html> 
<head> 
<title> 
</title> 
</head> <body bgcolor="#ffffff"> <form  name="form1" action="" method="POST"> 
<table style="TABLE-LAYOUT: fixed" cellspacing="0" cellpadding="0" border="1" width="100%" id="powertable" name="powertable" bordercolor="#BBB555"> 
  <tr> 
    <td colspan="2"> <div align="center"> <strong>材料 </strong> </div> </td> 
    <td colspan="2"> <div align="center"> <strong>设备 </strong> </div> </td> 
  </tr> 
  <tr> 
    <td> <div align="center"> <strong>区域 </strong> </div> </td> 
    <td> <div align="center"> <strong>层 </strong> </div> </td> 
    <td> <div align="center"> <strong>区域 </strong> </div> </td> 
    <td> <div align="center"> <strong>层 </strong> </div> </td> 
  </tr> 
  <tr> 
    <td>  
      <input type="checkbox" name="C_QYMC"  value="监控中心" onClick="chkRow(this)">监控中心  
    </td> 
    <td> 
      <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
    </td> 
    <td> 
      <input type="checkbox" name="C_QYMC"  value="监控中心" onClick="chkRow(this)">监控中心 
    </td> 
    <td> 
      <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
    </td> 
  </tr> 
  <tr> 
    <td> 
      <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(this)">楼内 
    </td> 
    <td> 
      <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
    
      <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br>     </td> 
    <td> 
      <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(this)">楼内 
    </td> 
    <td> 
      <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
    
      <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br> 
    
      <input type="checkbox" name="C_SSCS"  value="地上3层">地上3层 <br> 
      </td> 
  </tr> 
</table> 
</form> 
</body> </html> 
上面的代码想实现的功能是,选中区域里的复选框,对应层的复选框全部选中. 例如:选择了材料里的楼内复选框,对应材料的地上1层,地上2层 ...全部选中. 

解决方案 »

  1.   

    ok:<html> 
    <head> 
    <title> 
    </title> 
    </head> <body bgcolor="#ffffff"> <form  name="form1" action="" method="POST"> 
    <table style="TABLE-LAYOUT: fixed" cellspacing="0" cellpadding="0" border="1" width="100%" id="powertable" name="powertable" bordercolor="#BBB555"> 
      <tr> 
        <td colspan="2"> <div align="center"> <strong>材料 </strong> </div> </td> 
        <td colspan="2"> <div align="center"> <strong>设备 </strong> </div> </td> 
      </tr> 
      <tr> 
        <td> <div align="center"> <strong>区域 </strong> </div> </td> 
        <td> <div align="center"> <strong>层 </strong> </div> </td> 
        <td> <div align="center"> <strong>区域 </strong> </div> </td> 
        <td> <div align="center"> <strong>层 </strong> </div> </td> 
      </tr> 
      <tr> 
        <td>  
          <input type="checkbox" name="C_QYMC"  value="监控中心" onClick="chkRow(this)">监控中心  
        </td> 
        <td> 
          <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
        </td> 
        <td> 
          <input type="checkbox" name="C_QYMC"  value="监控中心" onClick="chkRow(this)">监控中心 
        </td> 
        <td> 
          <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
        </td> 
      </tr> 
      <tr> 
        <td> 
          <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(this)">楼内 
        </td> 
        <td> 
          <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
        
          <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br>     </td> 
        <td> 
          <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(this)">楼内 
        </td> 
        <td> 
          <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br> 
        
          <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br> 
        
          <input type="checkbox" name="C_SSCS"  value="地上3层">地上3层 <br> 
          </td> 
      </tr> 
    </table> 
    </form> 
    <script type="text/javascript">
    var chkRow=function(obj) {
    var td=obj.parentNode.nextSibling;
    for(var i=0;i<td.childNodes.length;i++) {
    if(td.childNodes[i].type=="checkbox")
    td.childNodes[i].checked=true;
    }
    }
    </script>
    </body> </html> 
      

  2.   

    看了下你的代码，先找到触发选中复选框所在的第一个td,再把这个td后面的一个td中所有checkbox找到，再设置checked属性就行了。用jquery库是挺方便的，有兴趣可以看下，代码非常短。
      

  3.   


    <html>
        <head>
            <title>
            </title>
            <script>
                function chkRow(e){
                    var obj=e.srcElement||e.target;
                    var td=obj.parentNode.nextSibling;
                    for(var i=0;i<td.childNodes.length;i++) {
                        if(td.childNodes[i].type=="checkbox")
                            td.childNodes[i].checked=true;
                    }
                }
          
            </script>
        </head>    <body bgcolor="#ffffff">        <form  name="form1" action="" method="POST">
                <table style="TABLE-LAYOUT: fixed" cellspacing="0" cellpadding="0" border="1" width="100%" id="powertable" name="powertable" bordercolor="#BBB555">
                    <tr>
                        <td colspan="2"> <div align="center"> <strong>材料 </strong> </div> </td>
                        <td colspan="2"> <div align="center"> <strong>设备 </strong> </div> </td>
                    </tr>
                    <tr>
                        <td> <div align="center"> <strong>区域 </strong> </div> </td>
                        <td> <div align="center"> <strong>层 </strong> </div> </td>
                        <td> <div align="center"> <strong>区域 </strong> </div> </td>
                        <td> <div align="center"> <strong>层 </strong> </div> </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="C_QYMC"  value="监控中心" onClick="chkRow(event)">监控中心
                        </td>
                        <td>
                            <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br>
                        </td>
                        <td>
                            <input type="checkbox" name="C_QYMC"  value="监控中心"  onClick="chkRow(event)">监控中心
                        </td>
                        <td>
                            <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(event)">楼内
                        </td>
                        <td>
                            <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br>                        <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br>                        <input type="checkbox" name="C_SSCS"  value="地上3层">地上3层 <br>                    </td>
                        <td>
                            <input type="checkbox" name="C_QYMC"  value="楼内" onClick="chkRow(event)">楼内
                        </td>
                        <td>
                            <input type="checkbox" name="C_SSCS"  value="地上1层">地上1层 <br>                        <input type="checkbox" name="C_SSCS"  value="地上2层">地上2层 <br>                        <input type="checkbox" name="C_SSCS"  value="地上3层">地上3层 <br>
                        </td>
                    </tr>
                </table>
            </form>
        </body></html>