Fire jQuery Event When Checkbox Is Checked Or Unchecked

Checkbox State Change Event In jQuery

Here we consider how to Fire jQuery Event When Checkbox Is Checked Or Unchecked. Lets start with one example here. Suppose we have a checkbox with ID chkID inside form as shown below.



Now how to detect when the checkbox is checked or unchecked in jQuery?. Here we can make use of jQuery change event. Find the checkbox and add change event to this as shown here.

$(function () {
         $("#chkID").change(function () {
                  if (this.checked) {
                            // Write your code here
                   }
          });
});




Inside change event, check whether checkbox is checked or not. And then write rest of them as per your requirement. That's all, by this way we can we can detect a change in checkbox state.