Disabling Asp.Net Textbox in Javascript

Question

4.00/5 (1 vote)

See more:

I want to disable the Asp.net textbox when I check the Asp.Net Checkbox.

It gives me the following error.
"Microsoft JScript runtime error: 'df.cbAddress' is null or not an object"

Here is my Javascript function

C#

function GetBillingAddress()
{

    df = document.form1;

        if (df.cbAddress.checked) {
            document.getElementById("txtBillStreet").disabled = true;
            document.getElementById("txtBillCity").disabled = true;
            document.getElementById("txtBillState").disabled = true;
            document.getElementById("txtBillZip").disabled = true;
        }
        else {
            document.getElementById("txtBillStreet").disabled = false;
            document.getElementById("txtBillCity").disabled = false;
            document.getElementById("txtBillState").disabled = false;
            document.getElementById("txtBillZip").disabled = false;
            }

}

In Page Load I have the following

C#

protected void Page_Load(object sender, EventArgs e)
    {
        cbAddress.Attributes.Add("onClick", "GetBillingAddress();");
    }

Any help will be appreciated.

Thank's

Posted 3-May-11 16:14pm

Paramdeep Jain

Add a Solution

5 solutions

Solution 1

if you doing "runat = server" in your asp.net controls you can't just refer them by their id's

you have to do something like this:

document.getElementById('<%= txtBillStreet.ClientID %>')

suggestion:
wrap your all address controls in one asp.net panel control and enable/disable that.

Posted 3-May-11 16:27pm

saxenaabhi6

Updated 3-May-11 16:30pm

v3

Comments

Hemant__Sharma 4-May-11 0:07am

@saxenaabhi6 is right.

My 5 to the accurate answer.

When you have a master page or some panel for the child controls, at client side the child ID is appended to Parent IDs

for example parentPanelID_secondParentID_cbAddress. you can confirm it by simply clicking "View source" in your web browser and checking for control's ID.

Thanks,
Hemant

Solution 2

If the post is resolved give the Resolved symbol.

Posted 3-May-11 19:29pm

koolprasad2003

Solution 4

use this function

<code>function GetBillingAddress()
{
 
    df = document.getElementById('<%= cbAddress.ClientID %>');
 
    document.getElementById('<%= txtBillStreet%>').disabled = df.checked;
    document.getElementById('<%= txtBillCity%>').disabled = df.checked;
    document.getElementById('<%= txtBillState%>').disabled = df.checked;
    document.getElementById('<%= txtBillZip%>').disabled = df.checked;

}</code>

Posted 3-May-11 20:14pm

nit_singh

Solution 3

here is ur modfied code

C#

function GetBillingAddress()
{

  var  df = document.getElementById(cbAddress);

        if (df.checked) {
            document.getElementById("txtBillStreet").disabled = true;
            document.getElementById("txtBillCity").disabled = true;
            document.getElementById("txtBillState").disabled = true;
            document.getElementById("txtBillZip").disabled = true;
        }
        else {
            document.getElementById("txtBillStreet").disabled = false;
            document.getElementById("txtBillCity").disabled = false;
            document.getElementById("txtBillState").disabled = false;
            document.getElementById("txtBillZip").disabled = false;
            }

}

Posted 3-May-11 19:35pm

Ashishmau

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)

Paramdeep Jain · Accepted Answer · 2011-05-04T14:18:00

For Some reason's the above solution still gives the same error.

But changing the solution to something like this works fine.

C#

function GetBillingAddress()
{


    if (document.getElementById("cbAddress").checked) {
        document.getElementById("txtBillStreet").disabled = true;
        document.getElementById("txtBillCity").disabled = true;
        document.getElementById("txtBillState").disabled = true;
        document.getElementById("txtBillZip").disabled = true;
    }
    else {
        document.getElementById("txtBillStreet").disabled = false;
        document.getElementById("txtBillCity").disabled = false;
        document.getElementById("txtBillState").disabled = false;
        document.getElementById("txtBillZip").disabled = false;
    }


}