checkbox_list.js

            /**
             * @param {string} box
             * @param {string} all
             * @param {string} item
             */
            function checkboxList(box, all, item) {
                //select all statuses
                $(box).on('change', all, function(){
                    $(item).prop('checked', $(this).prop('checked'));
                });

                //".checkbox" change
                $(box).on('change', item, function(){
                    //uncheck "select all", if one of the listed checkbox item is unchecked
                    if(false == $(this).prop('checked')){ //if this item is unchecked
                        $(all).prop('checked', false); //change "select all" checked status to false
                    }
                    //check "select all" if all checkbox items are checked
                    if ($(item+':checked').length == $(item).length ){
                        $(all).prop('checked', true);
                    }
                });
            }