Question

Is it possible to fire an event when a checkbox is ticked, and a different one when it’s unticked?

At the moment I’m using

$("#booking_checkboxes").on("change", "input", function(){});

but I’d like to know if the checkbox just changed to be ticked, or just changed to be unticked. What’s the easiest way to do this?

Answer 1

Nope, the same event is fired in both cases. You’d have to check for the value of the input in the event callback:

$("#booking_checkboxes").on("change", "input", function(){
  if (this.checked) {

  } else {

  }
});