jQuery checkAll.js Plugin Demos

Default usage

Select closest form element as scope

Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name 
    <script type="text/javascript">

        // default usage
        $('.check-all').checkAll();
        
    </script>

CallBack (open your dev console)

Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name 
    <script type="text/javascript">

        // callback usage

        $('.check-all-callback').checkAll({
            onMasterClick: function($master_checkbox, $scope) {
                console.log($master_checkbox);
                console.log($scope);
            },
            onScopeChange: function($master_checkbox, $changed_checkbox, $scope) {
                console.log($master_checkbox);
                console.log($changed_checkbox);
                console.log($scope);
            }
        });

    </script>

Specific Scopes

Select Specific Scopes to check All

Group A Table
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Group B Table
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Group A Table
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name
Somebody Name 
        <script type="text/javascript">
            // Specific scope usage
            $('.group-a-check-all').checkAll({
                scope: $('.group-a')
            });

            $('.group-b-check-all').checkAll({
                scope: $('.group-b')
            });

            $('.group-all-check-all').checkAll({
                scope: $('.group-all')
            });
        </script>