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