JQuery - Checkbox on-change event doesn't fire if checked using JQuery

Question

I have this Check All function which check all check boxes. I use JQuery to do that.

But I also have this on change function that toggle a

Answer 1

You can try this,

$(document).on('change','input[type="checkbox]' ,function(){
     // $this will contain a reference to the checkbox
      var $this = $(this);   
    if ($this.is(':checked')){//To CHECK CHECK BOX IS CHECKED OR NOT
         $(this).closest('div').toggleClass('highlight');
    }
});

Hope It Helps,