Check/Uncheck all

by Bianca Kuehweidner

HTML

<input type="checkbox" id="checkAll"/> ALL

<br />

<input type="checkbox" class="cb-element" /> Checkbox  1
<input type="checkbox" class="cb-element" /> Checkbox  2
<input type="checkbox" class="cb-element" /> Checkbox  3

JavaScript

$("#checkAll").change(function () {
    $("input:checkbox.cb-element").prop('checked', $(this).prop("checked"));
});
$(".cb-element").change(function () {
		_tot = $(".cb-element").length						  
		_tot_checked = $(".cb-element:checked").length;
		
		if(_tot != _tot_checked){
			$("#checkAll").prop('checked',false);
		}
});