jQuery全选/全不选

HTML

<input type="checkbox" id="checkAll">全选/全不选
<input type="checkbox" name="item[]" value="1">item1
<input type="checkbox" name="item[]" value="2">item2
<input type="checkbox" name="item[]" value="3">item3
<input type="checkbox" name="item[]" value="4">item4
<input type="checkbox" name="item[]" value="5">item5

JavaScript

$('#checkAll').click(function(){
	$('[name=item\\[\\]]:checkbox').prop('checked',this.checked)
})
//条目checkbox改变更新全选checkbox
$('[name=item\\[\\]]:checkbox').click(function(){
	//定义一个临时变量，避免重复使用同一个选择器选择页面中的元素，提高程序效率；
	var $tmp=$('[name=item\\[\\]]:checkbox')
	$('#checkAll').prop('checked',$tmp.length==$tmp.filter(':checked').length)
})