DEV Community

Discussion on: Select All Checkboxes with jQuery

Collapse
64ost profile image
Tonistack

how can i deselect the select all checkbox if a checkbox have been uncheck / deselected ?

Collapse
jackharner profile image
Jack Harner πŸš€ Author

Updated my pen to do this. Basically on click of any checkbox, if the "checked" prop is false, uncheck the Select All Checkbox.

$("input[type=checkbox]").click(function() {
    if (!$(this).prop("checked")) {
        $("#selectAll").prop("checked", false);
    }
});

Now if you were looking to also check the Select All box when everything gets checked, you'd have to on click, find all the other check boxes, see if they're all checked and set the Select All box accordingly.

Collapse
64ost profile image
Tonistack

Thanks