勾选的Javascript或复选框的取消勾选事件？

Question

是否可以在勾选复选框时触发事件，在未勾选时触发另一个事件？

目前我正在使用

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

但我想知道复选框是刚刚更改为勾选，还是只是更改为未选中。最简单的方法是什么？

Answer 1

不，两种情况都会触发相同的事件。您必须在事件回调中检查输入的值：

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

  } else {

  }
});

Answer 2

$("#booking_checkboxes").on("change", "input", function(){
   if (this.checked){
     // do what you want for when the element is checked

     // if you need to, you can trigger a custom event here..
     $('someelement').trigger('check_event');
   } else {
     // do what you want for when the element is NOT checked

     // if you need to, you can trigger a custom event here..
     $('someelement').trigger('uncheck_event');
   }
});