Javascript to disable checkbox

Question

0.00/5 (No votes)

See more:

hello friends,

I have created grid header using div.
Here is code:

<div id="HeaderDiv" style="width: 833px; height: 35px; overflow: hidden; padding-removed 0px; border-bottom-width: 0px;">
        <table class="" cellspacing="0" cellpadding="" border="1px" style="border-style: none; border-collapse: collapse; width: 2015px;" rules="all">
            <tbody>
                <tr class="" style="font-weight: bold;">
                    <td style="width: 102px;">
                        <span id="cphPage_gvForecastSummary_lblCheckInclude" class="ms-label" style="color:White;">Include</span>
                        <br/>
                        <span class="ms-label" style="border-color:LightBlue;">
                            <input id="cphPage_gvForecastSummary_chkSelectAll" type="checkbox" onclick="selectAll(this);" name="ctl00$cphPage$gvForecastSummary$ctl01$chkSelectAll">
</span>
</td>
<td style="width: 95px;">Business Type</td>
<td style="width: 69px;">Type</td>
<td style="width: 80px;">Close Month</td>
</tr>
</tbody>
</table>
</div>

I was trying to disable checkbox in grid header using following javascript:

function chkbxDisable() {
            var objButton = document.getElementById("<%=btnSetDraft.ClientID %>");
            if (!objButton) {
                var tableGrid = document.getElementById("<%=gvForecastSummary.ClientID %>");
                var objchkbox = document.getElementById("HeaderDiv").getElementsByTagName("input");
                alert(objchkbox.length);
                for (var i = 0; i < objchkbox.length; i++) {
                    alert(objchkbox[i].type.toUpperCase());
                    if (objchkbox[i].type.toUpperCase() == "CHECKBOX") 
                    {
                        alert("In");
                        //objchkbox[i].disabled = true;
                        objchkbox[i].display = 'none';
                    }
                }
                for (var i = 1; i < tableGrid.rows.length; i++) {
                    tableGrid.rows[i].cells[0].childNodes[0].childNodes[0].disabled = true;
                }
            }
        }

Problem is that the input tag does not get detect, collection contains 0 element and first for loop does not execute.

Can any one tell me where I'm going wrong??

Thanks in advance

Posted 22-May-12 21:35pm

dhage.prashant01

Add a Solution

Comments

E.F. Nijboer 23-May-12 3:42am

Are you sure you call chkbxDisable somewhere?

dhage.prashant01 23-May-12 4:44am

Yes in codebehind
Function is getting called, only first loop is not executing.

dhage.prashant01 23-May-12 5:06am

Actually the table inside the HeaderDiv is automatically generated using javascript.

3 solutions

Solution 1

try to use as Id "cphPage_gvForecastSummary_chkSelectAl" instead of

HTML

<%=gvForecastSummary.ClientID %>

in

C#

document.getElementById("<%=gvForecastSummary.ClientID %>")

Posted 22-May-12 21:39pm

AlexBanu

Updated 22-May-12 21:41pm

v2

Comments

Jim Jos 23-May-12 4:13am

You also need to get the button name right You have not put the code for button here.. please make sure button id is exactly mentioned in -- document.getElementById("<%=btnSetDraft.ClientID %>");

dhage.prashant01 23-May-12 4:49am

Everything working fine, only
var objchkbox = document.getElementById("HeaderDiv").getElementsByTagName("input");
does not detect checkbox

Solution 2

in java script do like this it will sure work.

JavaScript

function chkbxDisable() {
               
               var objButton = document.getElementById("btnSetDraft");
            alert(objButton);
            if (objButton!=null) {

               
                var tableGrid = document.getElementById("gvForecastSummary");
                var objchkbox = document.getElementById("HeaderDiv").getElementsByTagName("input");
                alert(objchkbox.length);
                for (var i = 0; i < objchkbox.length; i++) {
                    
                    if (objchkbox[i].type.toUpperCase() == "CHECKBOX") 
                    {
                        alert(objchkbox[i].type.toUpperCase());
                        
                        alert("In");
                        objchkbox[i].style.display = 'none';
                    }
                }
                for (var i = 1; i < tableGrid.rows.length; i++) {
                    tableGrid.rows[i].cells[0].childNodes[0].childNodes[0].disabled = true;
                }
            }
        }

Posted 23-May-12 1:05am

Prosan

Updated 23-May-12 1:18am

v2

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

dhage.prashant01 · Accepted Answer · 2012-05-23T19:28:00

Solution 3

Sorry friends
I was making call to that function before the header getting created

Now it is working fine =)

Posted 23-May-12 19:28pm

dhage.prashant01