Выбор всех checkbox

Если мы используем несколько чекбоксов для выбора чего-либо, то вероятнее в сего будет и возможность выбрать всё. Обычно можно встретить такое решение данной задачи:

$("#checkAll").change(function(){
if($(this).attr("checked")){
$("input:checkbox").attr("checked",false);
} else {
$("input:checkbox").attr("checked",true);
}
});

Однако после однократного выбора всех чекбоксов и снятия этого выделения выбранных чекбоксов, это самое выделение перестает работать ))) ! Причем атрибут «checked» создается и удаляется, но визуального отображения выбранного выделения и снятия выделения не происходит.

Решается это слегка другим подходом, нужно менять не атрибут, а свойство checked

$('#checkAll').on('change', function() {
$('input:checkbox').prop('checked', this.checked);
});

Успехов в кодинге!