<html>
<head>
<meta charset="utf-8"/>
<script src="reference/js/jquery-3.2.0.min.js"></script>
</head>
<body>
<input type="checkbox" name="box"/>读书<br/>
<input type="checkbox" name="box"/>思考<br/>
<input type="checkbox" name="box"/>思考<br/>
<input type="checkbox" name="box"/>睡觉<br/>
<button id="all">全选</button>
</body>
<script type="text/javascript">
var i=0;
$(function(){
$("#all").click(
function (){
$("input[name='box']").prop("checked","checked");
//这个地方只能用prop实现多次点击切换全选和全不选的效果，用attr的话不会多次实现。
// 因为attr不会记录当前checkbox的选中状态，所以这个地方只能使用prop
if(i==1){
$("input[name='box']").prop("checked",false);
}
i++;
if(i>1){
i=0;
}
}
);
}
);
</script>
</html>
