Using the same principle I demonstrated in the thread (http:// groups.google.com/group/dotnetdevelopment/browse_thread/thread/ 99e294a7d64c4034/), we can study the rendered HTML of a TreeView and accordingly select/deselect all checkbox elements in the rendered DOM.
Syntax highlighted version at <http://dotnetdevelopment.pastebin.com/ f225f061b> --- <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %> <html xmlns="http://www.w3.org/1999/xhtml";> <head runat="server"> <title>Untitled Page</title> <script type="text/javascript" language="javascript"> function ToggleCheckBoxes(check) { var tvID = "<%= TreeView1.ClientID %>".concat("n0Nodes"); var tvNodes = document.getElementById(tvID); var chkBoxes = tvNodes.getElementsByTagName("input"); for (var i = 0; i < chkBoxes.length; i++) { var chk = chkBoxes[i]; if (chk.type == "checkbox") { chk.checked = check; } } } </script> </head> <body> <form id="form1" runat="server"> <asp:TreeView ID="TreeView1" ShowCheckBoxes="Leaf" runat="server"> <Nodes> <asp:TreeNode Text="Parent1" Expanded="true"> <asp:TreeNode Text="Child1" Checked="true"> <asp:TreeNode Text="Child2" Checked="true" /> </asp:TreeNode> <asp:TreeNode Text="Child3" /> <asp:TreeNode Text="Child4" /> </asp:TreeNode> </Nodes> </asp:TreeView> <a href="javascript:void(0)" onclick="ToggleCheckBoxes (true);">Check all</a> <br /> <a href="javascript:void(0)" onclick="ToggleCheckBoxes (false);">Uncheck all</a> </form> </body> </html> --- HTH, Cerebrus. On Sep 17, 3:34 am, Ana <[email protected]> wrote: > Hi, > > I have a TreeView and I'm showing checkboxes only for the leaves. I > want to include two LinkButtons in the page where the user can click > to select all/none checkboxes. How do I do this is JavaScript? Please, > be as detailed as possible, as I'm not very used with JavaScript. > > Thanks a lot, > > Ana
