all checkboxes need to be checked and unchecked with the main checkbox

Question

Can anyone help me with this?

I have two divs. In one div, I have a checkbox named allcheck, and in the other other div<

Answer 1

This code implements functionality to select and deselect all checkboxes

select and deselect

$(".select-all-checkbox").click(function () {
       $('input:checkbox').prop('checked', this.checked);
   });

If one item deselect then button CheckAll is UnCheck

$(".mainCheckboxClass")
        .click(
                function() {
                    if ($('input[class=mainCheckboxClass]:checked').length === $('input[class=mainCheckboxClass]').length)
                        $('.select-all-checkbox').prop("checked", true);
                    else
                        $('.select-all-checkbox').prop("checked", false);
});