日期:2014-05-16  浏览次数:20395 次

问一个checkbox点中后自动选中此类别下子选项checkbox的问题
<table>
<tr id="node-1">
   <td>总类一</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[1][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[1][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[1][3]"/>&nbsp;选项3
<tr id="node-10" class="child-of-node-1">
   <td>总类一 分类一</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[10][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[10][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[10][3]"/>&nbsp;选项3
<tr id="node-11" class="child-of-node-1">
   <td>总类一 分类二</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[11][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[11][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[11][3]"/>&nbsp;选项3


<tr id="node-2">
   <td>总类二</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[2][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[2][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[2][3]"/>&nbsp;选项3
<tr id="node-20" class="child-of-node-2">
   <td>总类二 分类一</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[20][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[20][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[20][3]"/>&nbsp;选项3

<tr id="node-3">
   <td>总类二</td>
   <td><input class="inputcheckbox" type="checkbox" name="ids[3][1]"/>&nbsp;选项1
   <td><input class="inputcheckbox" type="checkbox" name="ids[3][2]"/>&nbsp;选项2
   <td><input class="inputcheckbox" type="checkbox" name="ids[3][3]"/>&nbsp;选项3
</table>


样式图:


因为是程序循环出来的,td选项的属性name class都不能改变,仅用现在提供的属性结构,能不能做到点选总类子选项,分类的子选项也会选中

例:点选总类一下的选项1,总类一下所有分类的选项1也会被选中
CheckBox HTML

------解决方案--------------------
<script type="text/javascript"> 
    function getElementsByClassName(className, element) {
        var children = (element 
------解决方案--------------------
 document).getElementsByTagName('*');
        var elem