ASP Checkbox trigger an event in Javascript whenever it is clicked

Question

<asp:CheckBox runat="server" ID="checkbox1" />

Whenever I check or uncheck my asp checkbox, it needs to trigger an event in javascript but it seems like the .click function is not triggered. Is the .click event wrong?

$(document).ready(function () {
    $("#checkbox1").click(function (e) {
        if (this.checked) {
            //do something
        }
        else {

        }
    });
});

check if you are using master page then id checkbox1 will not work, you have to give the element some class and in javascript use that class selector. — Ranjit Singh
– Ranjit Singh, Commented Jan 14, 2017 at 9:43

VDWWD · Accepted Answer · 2017-01-14 14:46:55Z

1

You probably need to change

$("#checkbox1").click(function (e) {

into

$("#<%= checkbox1.ClientID %>").click(function (e) {

asp.net renamed the ID's of Controls to ensure there are no duplicates. If you check the HTML source the could look something like this: ContentPlaceHolder1_checkbox1. That is why jQuery cannot find it.

answered Jan 14, 2017 at 14:46

VDWWD

35.7k23 gold badges67 silver badges87 bronze badges

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

Comments

Mohd Aman · Accepted Answer · 2017-01-14 09:41:29Z

0

I hope it will work for you. For dynamically created element you have to use event delegation, if you want to select by an attribute you can use an attribute equals selector.

$(document).on("change", "input[name='member']", function () {
              alert("CheckBox Changed.");
              if (this.checked) {alert("CheckBox checked.");}
              else{alert("CheckBox not checked.");}
          });

OR

$(document).on("change", "$('#<%=checkbox1.ClientID%>')", function () {
              alert("CheckBox Changed.");
              if (this.checked) {alert("CheckBox checked.");}
              else{alert("CheckBox not checked.");}
          });

Here is the link , and go through this link JS Fiddler

answered Jan 14, 2017 at 9:41

Mohd Aman

2201 gold badge3 silver badges16 bronze badges

Collectives™ on Stack Overflow

ASP Checkbox trigger an event in Javascript whenever it is clicked

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related