ASP.NET

ASP.NET RSS

Check/uncheck checkboxes in TreeView using javascript

Please support our ASP.NET advertiser: Intel Parallel Studio Home

Thread Solved

•

Join Date: Jul 2009

Posts: 69

Reputation: Ana D. is an unknown quantity at this point

Solved Threads: 0

Ana D.

Offline

Junior Poster in Training

Check/uncheck checkboxes in TreeView using javascript

Sep 17th, 2009

Hi,

In my ASP.NET page I have a TreeView where ShowCheckBoxes="Leaf".
I want to mark as checked/unchecked all the visible checkboxes by clicking in a button.

My code for selecting all/none nodes is like this:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
function selectAllNone(tvID, value) {
            var tvNodes = document.getElementById(tvID);
            var chBoxes = tvNodes.getElementByTagName("input");
            for (var i = 0; i < chBoxes.length; i++) {
                var chk = chkBox[i];
                if (chk.type == "checkbox") {
                    chk.cheked = value;
                }
            }        
        }
function selectAllNone(tvID, value) {
            var tvNodes = document.getElementById(tvID);
            var chBoxes = tvNodes.getElementByTagName("input");
            for (var i = 0; i < chBoxes.length; i++) {
                var chk = chkBox[i];
                if (chk.type == "checkbox") {
                    chk.cheked = value;
                }
            }        
        }

However, in the line var chBoxes = tvNodes.getElementByTagName("input");I'm having this error message: object doesn't support this property or method.
How do I checj/uncheck all the checkboxes, then?

Thanks,

Ana

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 17th, 2009

i think that method is not getElementByTagName, but getElementsByTagName, so it is plural basically. try that way.

Due to lack of freedom of speech, i no longer post on this website.

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 17th, 2009

here you go :

<script language="javascript" type="text/javascript">
// <!CDATA[

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
function Button1_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = true;
}
}
 
function Button2_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = false;
}
}
 
// ]]>
</script>
function Button1_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = true;
}
}

function Button2_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = false;
}
}

// ]]>
</script>

Due to lack of freedom of speech, i no longer post on this website.

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 17th, 2009

working sample is attached to this post.

Attached Files

WebSite2.zip (1.9 KB, 2 views)

Due to lack of freedom of speech, i no longer post on this website.

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 17th, 2009

Just in case you cant run the attachment :
Default.aspx :

 Help with Code Tags 
 ASP.NET Syntax (Toggle Plain Text) 
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
<script language="javascript" type="text/javascript">
// <!CDATA[
 
function Button1_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = true;
}
}
 
function Button2_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = false;
}
}
 
// ]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        &nbsp;<input id="Button1" type="button" value="Select All" onclick="Button1_onclick()" />
        <input id="Button2" type="button" value="Deselect All" onclick="return Button2_onclick()" /><br />
        <br />
        <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All">
            <Nodes>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
        &nbsp;</div>
    </form>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Untitled Page</title>
<script language="javascript" type="text/javascript">
// <!CDATA[

function Button1_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = true;
}
}

function Button2_onclick() {
var inputs = document.forms[0].elements;
for(var i=0;i< inputs.length;i++)
{
inputs[i].checked = false;
}
}

// ]]>
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        &nbsp;<input id="Button1" type="button" value="Select All" onclick="Button1_onclick()" />
        <input id="Button2" type="button" value="Deselect All" onclick="return Button2_onclick()" /><br />
        <br />
        <asp:TreeView ID="TreeView1" runat="server" ShowCheckBoxes="All">
            <Nodes>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node">
                    <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                </asp:TreeNode>
            </Nodes>
        </asp:TreeView>
        &nbsp;</div>
    </form>
</body>
</html>

Last edited by serkan sendur; Sep 17th, 2009 at 8:36 pm.

Due to lack of freedom of speech, i no longer post on this website.

•

Join Date: Jul 2009

Posts: 69

Reputation: Ana D. is an unknown quantity at this point

Solved Threads: 0

Ana D.

Offline

Junior Poster in Training

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 18th, 2009

Hi Serkan,

You were right: the method is getElementsByTagName. I just changed it and it's working.

Thanks =)

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 18th, 2009

Be generous to add to my reputation

Due to lack of freedom of speech, i no longer post on this website.

•

Join Date: Jul 2009

Posts: 69

Reputation: Ana D. is an unknown quantity at this point

Solved Threads: 0

Ana D.

Offline

Junior Poster in Training

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 18th, 2009

I tried to, but how can I do it?

•

Join Date: Jan 2008

Posts: 2,052

Reputation: serkan sendur is a glorious beacon of light

Solved Threads: 118

serkan sendur serkan sendur is offline

Offline

Postaholic

Re: Check/uncheck checkboxes in TreeView using javascript

Sep 18th, 2009

in the beginning of each post there is a "add to serkan's reputation" link , you basically click on it and then select agree radio button then type something then click ok.

Due to lack of freedom of speech, i no longer post on this website.