What Is Check All Checkbox
A Check All checkbox enables the user to select/deselect all checkboxes in a group via a 'Master' checkbox element.
When a Check All checkbox is checked, all related checkboxes are checked accordingly; when all checkboxes are checked, the Check All checkbox is also checked.
It is useful when you're building a multi selection component in the web app that makes it easy to select and deselect all items (like table rows, list items, todo lists, etc) with a single click.
The Best Check All Checkbox Plugin
There is currently no pure CSS solution to handle Check All functionality due to the limitations of CSS.
Originally Published Sep 14 2020, updated Mar 01 2023
Table of contents:
Best jQuery Check All Checkbox Plugins
A lightweight and user-friendly jQuery plugin that allows your user to check all or uncheck all the options with one click.
A simple but useful jQuery plugin that offers a check all button for users to check all the checkboxes with one click.
An advanced check all jQuery plugin that enables a Check All control to check & uncheck all of its child checkboxes when checked/unchecked.
Just another jQuery plugin that adds check all and uncheck all functionalities to the checkbox group. Click on the master checkbox to select or deselect all slave checkboxes.
Just another jQuery Check All plugin which enables a 'Master' checkbox to select/unselect all the related (children) checkbox inputs with just one click.
A jQuery plugin that enables a Check All checkbox to select all specified rows in an HTML table.
A small jQuery plugin for multi-select checkboxes that enables the user to check all related checkboxes with one click and/or select multiple checkboxes with CTRL and Shift keys.
Best vanilla JS Check All Checkbox Plugins