利用jquery控制全选全不选按钮
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.7.js"></script>
<script>
$(function(){
$("input[type='button']").click(function(){
alert($("input[type='checkbox']").prop("checked"));
})
$("#check1").click(function(){
//prop 找集合中第一个的对象的某个属性
var re= $("input[type='checkbox']").prop("checked");
//设置属性 不管jquery对象中有多少个对象 都会去设置
// $("input[type='checkbox']").attr("checked",re);
$("input[type='checkbox']").each(function(){
$(this).attr("checked",re);
})
})
})
</script>
</head>
<body>
<input type="button" value="test" /><br/>
<input type="checkbox" id="check1" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" />
</body>
</html>