ASP.NET UserControl CheckBox OnCheckedChanged

Question

I want to create a UserControl in which I will have a checkbox and a textbox. If the checkbox is checked then enable property of textbox is true else it is false.

This is what I have in my page :

<form id="form1" runat="server">
    <div>
        <custom:NullableTextBox ID="NullableTextBox1" OnCheckedChanged="NullableTextBox1_OnCheckedChanged" runat="server"></custom:NullableTextBox>
    </div>
</form>

And this is the class of my UserControl :

public partial class NullableTextBox : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    public NullableTextBox()
    {
        CheckBox1.CheckedChanged += new EventHandler(CKB_CheckedChanged);

        this.Controls.Add(CheckBox1);
        this.Controls.Add(TextBox1);
    }

    private CheckBox CheckBox1 = new CheckBox();
    private TextBox TextBox1 = new TextBox();

    private void CKB_CheckedChanged(object sender, EventArgs e)
    {
        if (CheckBox1.Checked)
        {
            TextBox1.Enabled = true;
        }
        else
        {
            TextBox1.Text = string.Empty;
            TextBox1.Enabled = false;
        }
    }
}

Nothing is happening when I check or uncheck the checkbox and I would like it to be updated instantly without doing a postback.

How can I handle postback ? I may do a postback when CheckedChanged event is raised and add an updatepanel in aspx page but I do not know how to do it. — Stan
– Stan, Commented Jan 12, 2016 at 10:41

Community · Accepted Answer · 2017-05-23 11:54:06Z

0

You do a server side event but don't want to have postback. That means you need to add it to client side with JavaScript.

onclick="document.getElementById('TextBox1').disabled=this.checked;"

How to disable textbox depending on checkbox checked

Hope that helps

edited May 23, 2017 at 11:54

CommunityBot

11 silver badge

answered Jan 12, 2016 at 10:45

Edgaras

1549 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Stan Over a year ago

If i had to use postback, what would I have to change so it can work ? Adding AutoPostBack="true" ? And then something else (ViewState) ?

Edgaras Over a year ago

Client Side: jsfiddle.net/wsqf0eov Server Side: set AutoPostBack = "true". private void checkBox1_CheckedChanged(object sender, EventArgs e) { textBox1.Enabled = checkBox1.Checked; } Something like that. Other thing is that you are creating control every time page loads. Try to create it NOT on postback. Here is the reference in msnd msdn.microsoft.com/en-us/library/… Have fun

Rai Vu · Accepted Answer · 2017-04-12 04:00:48Z

0

Set AutoPostBack = "true" in your checkbox.

answered Apr 12, 2017 at 4:00

Rai Vu

1,6151 gold badge23 silver badges35 bronze badges

Collectives™ on Stack Overflow

ASP.NET UserControl CheckBox OnCheckedChanged

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related