Check all checkboxes when one checkbox checked using jquery

Check all checkboxes when one checkbox checked using jquery


In View

<input type="checkbox" id="chkall" onclick="return checkAll(this.checked)" />

for (int i = 0; i < Model.lst.Count; i++)

{

<input type="checkbox" value="@item[i].Id" name="chkfunction" class="chkuserid" onclick="CheckboxCheck()"/>

}

Script Like this:

<script>

function checkAll(checkedStatus) {

        $("input[class='chkuserid']").each(function () {

            this.checked = checkedStatus;

        });

    }

  

    function CheckboxCheck() {

        var chkarray = [];

        $('.chkuserid:checkbox:checked').each(function () {

            $('#chkall').attr('checked', false);

            chkarray.push($(this).val());

        });

        var totalCheckboxes = $('input:checkbox').length;

        var checkedCheckboxes = $('input:checkbox:checked').length;

        if (totalCheckboxes - 1 == checkedCheckboxes) {

            $('#chkall').attr('checked', true);

        }

    }

</script>