我如何檢查/關閉使用jQuery的asp.net樹視圖中的葉節點

Question

我有一個樹視圖，有幾個節點及其根節點下的子節點。我爲每個節點啓用了複選框。我需要的是，當用戶檢查父節點時，應檢查該節點下的所有子節點（類似於取消選中）。 我想用JQuery實現這一點。

任何幫助，非常感謝。

感謝您分享您的時間和智慧。

Answer 1

你可以嘗試以下方法，從asteranup'sanswer採取：

<form id="form1" runat="server"> 
    <asp:TreeView ID="LinksTreeView" Font-Name="Arial" ForeColor="Blue" InitialExpandDepth="2" 
     ShowCheckBoxes="Parent,Leaf" runat="server"> 
     <LevelStyles> 
      <asp:TreeNodeStyle ChildNodesPadding="10" Font-Bold="true" Font-Size="12pt" ForeColor="DarkGreen" /> 
      <asp:TreeNodeStyle ChildNodesPadding="5" Font-Bold="true" Font-Size="10pt" /> 
      <asp:TreeNodeStyle ChildNodesPadding="5" Font-Underline="true" Font-Size="10pt" /> 
      <asp:TreeNodeStyle ChildNodesPadding="10" Font-Size="8pt" /> 
     </LevelStyles> 
     <Nodes> 
      <asp:TreeNode Text="Table of Contents" SelectAction="None"> 
       <asp:TreeNode Text="Chapter One"> 
        <asp:TreeNode Text="Section 1.0"> 
         <asp:TreeNode Text="Topic 1.0.1" /> 
         <asp:TreeNode Text="Topic 1.0.2" /> 
         <asp:TreeNode Text="Topic 1.0.3" /> 
        </asp:TreeNode> 
        <asp:TreeNode Text="Section 1.1"> 
         <asp:TreeNode Text="Topic 1.1.1" /> 
         <asp:TreeNode Text="Topic 1.1.2" /> 
         <asp:TreeNode Text="Topic 1.1.3" /> 
         <asp:TreeNode Text="Topic 1.1.4" /> 
        </asp:TreeNode> 
       </asp:TreeNode> 
       <asp:TreeNode Text="Chapter Two"> 
        <asp:TreeNode Text="Section 2.0"> 
         <asp:TreeNode Text="Topic 2.0.1" /> 
         <asp:TreeNode Text="Topic 2.0.2" /> 
        </asp:TreeNode> 
       </asp:TreeNode> 
      </asp:TreeNode> 
      <asp:TreeNode Text="Appendix A" /> 
      <asp:TreeNode Text="Appendix B" /> 
      <asp:TreeNode Text="Appendix C" /> 
     </Nodes> 
    </asp:TreeView> 
    </form> 

的Javascript：

$(document).ready(function() { 
    ("div[id $= LinksTreeView] input[type=checkbox]").click(function() {   
     $(this).closest("table").next("div").find("input[type=checkbox]").attr("checked", this.checked); 
    }); 
});