jquery路径可以修改,确保路径正确
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过jquery实现全选、全不选和反选</title>
<script src="../js/jquery.js"></script>
</head>
<body>
<input type="checkbox" id="selectAll">全选
<input type="checkbox" id="notSelectAll">全不选
<input type="checkbox" id="reverseSelect">反选 <br/>
<input type="checkbox" name="ccc">1<br/>
<input type="checkbox" name="ccc">2<br/>
<input type="checkbox" name="ccc">3<br/>
<input type="checkbox" name="ccc">4<br/>
<input type="checkbox" name="ccc">5<br/>
<input type="checkbox" name="ccc">6<br/>
<script>
$(function () {
$("#selectAll").click(function () {
$("input[name='ccc']").prop("checked",true);
$("#notSelectAll").prop("checked",false);
$("#reverseSelect").prop("checked",false);
})
$("input[name='ccc']").click(function () {
var flag = $("input[name='ccc']:checked").length == $("input[name='ccc']").length
$("#selectAll").prop("checked",flag);
})
$("#notSelectAll").click(function () {
$("input[name='ccc']").prop("checked",false);
$("#selectAll").prop("checked",false);
$("#reverseSelect").prop("checked",false);
})
$("#reverseSelect").click(function () {
$("input[name='ccc']").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
$("#selectAll").prop("checked",false);
$("#notSelectAll").prop("checked",false);
})
})
</script>
</body>
</html>