How to bind click and change event for checkbox

Question

I am adding some checkbox to the page through ajax how to bind the click and change function for these checkboxes my script is here

$(document).delegate("#filterOptions input[name=inNeedAmountRange]").bind("click change", function () {
    var elementValue = $(this).val();
    if ($(this).is(':checked')) {
        alert('checked : ' + elementValue);
    }
} else {
    alert('Not checked :' + elementValue);
}
});

The answers below both suggest using the .on method, but that will depend on the version of jQuery you are using. Are you using jQuery 1.7 or later? — Anthony Veach
– Anthony Veach, Commented Feb 11, 2014 at 4:54

Tushar Gupta - curioustushar · Accepted Answer · 2014-02-11 04:41:58Z

14

Try .on()

Fiddle Demo

$(document).on("click change", "#filterOptions input[name=inNeedAmountRange]", function () {
    var elementValue = this.value;
    if ($(this).is(':checked')) {
        alert('checked : ' + elementValue);
    } else {
  // ^ remove extra }
        alert('Not checked :' + elementValue);
    }
});

Event Delegation

edited Feb 11, 2014 at 4:41

answered Feb 11, 2014 at 4:36

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

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

Comments

Ramesh · Accepted Answer · 2014-02-11 04:38:22Z

3

Try: http://api.jquery.com/on/

$(document).on("change click", ""#filterOptions input[name=inNeedAmountRange]", function() {
    //do something
});

You can replace document with any static container.

answered Feb 11, 2014 at 4:38

Ramesh

4,3032 gold badges20 silver badges24 bronze badges

Collectives™ on Stack Overflow

How to bind click and change event for checkbox

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