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

After click check all you should call change() event like this

$(document).ready(function(){
    $("input[type='checkbox']").on('change', function(){
        $(this).closest('div').toggleClass('highlight');
    });

    $("#check_all").on('click', function(){
        $("input[type='checkbox']").prop('checked', true).change();
    });
});