<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
$("#quan").click(function(){
$(":checkbox").attr("checked",true);
});
$("#bu").click(function(){
$(":checkbox").attr("checked",false);
});
//先找到所有的复选框,然后循环遍历每一个复选框 each()相当于foreach()
$("#fan").click(function(){
$(":checkbox[name=items]").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
});
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" name="items" value="球">球
<input type="checkbox" name="items" value="球">球
<input type="checkbox" name="items" value="球">球
<input type="checkbox" name="items" value="球">球
<input type="checkbox" name="items" value="球">球<br>
<input type="button" id="quan" value="全选">
<input type="button" id="fan" value="反选">
<input type="button" id="bu" value="不选">
</form>
</body>
</html>