層級結構。。很辛苦的思考了很久。。終於明白了。。

<script type="text/javascript">
$(document).ready(function(){
   
       $(".dlei").click(function () {
        if($(this).attr("checked")==true){
            $("."+$(this).attr("id")).fadeIn();//查找子節點顯示
        }else{
            $("."+$(this).attr("id")).hide();//查找子節點隱藏
        }
    });

    $(".erlei").click(function () {
        if($(this).attr("checked")==true){
            $("."+$(this).attr("id")).fadeIn();
        }else{
            $("."+$(this).attr("id")).hide();
            $("."+$(this).attr("id")+" .sanlei").attr("checked",false);//查找子節點取消勾選
            $("."+$(this).attr("id")+" .siji").attr("checked",false);//查找孫節點取消勾選
        }
    });
    
    $(".sanlei").click(function () {
        if($(this).attr("checked")==true){
            $("."+$(this).attr("id")).fadeIn();
            var sanjizhaoerji=$(this).parent().attr("class");//查找父節點名字
            $("#"+sanjizhaoerji).attr("checked",true);//勾選父節點
            
        }else{
            $("."+$(this).attr("id")).hide();
            $("."+$(this).attr("id")+" .siji").attr("checked",false);//查找子節點。取消勾選
            
        }
    });

});
</script>

<span style=" color:#F00"><%=rp("BigClass")%></span>
                    <input name="class1" type="checkbox" class="dlei" id="checkbox_<%=rp("id")%>" value="<%=rp("BigClass")%>"<%if instr(class1,rp("BigClass"))>0 and class1<>"" then %>  checked="checked"<%end if%> /><br />
                    
                    
            <div class="checkbox_<%=rp("id")%>"  style="display:none">
           &nbsp;∟—<span style=" color:#360"><%=rpt("SecClass")%></span>
            <input name="class2" type="checkbox" class="erlei"  id="c_<%=rpt("id")%>" value="<%=rpt("SecClass")%>" <%if instr(class2,rpt("SecClass"))>0 and class2<>"" then %>  checked="checked"<%end if%> /><br />
            
            
                <div class="c_<%=rpt("id")%>" style="display:none">
                &nbsp;&nbsp;&nbsp;&nbsp;∟—<span style=" color:#009"><%=rpf("ThiClass")%></span>
                <input name="class3" class="sanlei" type="checkbox" id="e_<%=rpf("id")%>" value="<%=rpf("ThiClass")%>"<%if instr(class3,rpf("ThiClass"))>0 and class3<>"" then %>  checked="checked"<%end if%>  /><br />

                    <div class="e_<%=rpf("id")%>" style="display:none">
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;∟—<span style="color:#300"><%=rpe("FouClass")%></span>
                    <input name="class4" class="siji"  type="checkbox" value="<%=rpe("FouClass")%>" <%if instr(class4,rpe("FouClass"))>0 and class4<>"" then %>  checked="checked"<%end if%> />
                    </div>
                </div>
            </div>

 

節點的練習