大家可以去网上下载jquery-1.4.2.min.js
<script type="text/javascript" src="script/jquery-1.4.2.min.js"></script>
<script>
$(function(){
//全选
$("#checkAll").click(function(){
$("input:checkbox").attr("checked",true);
});
//全不选
$("#checkNo").click(function(){
$("input:checkbox").attr("checked",false);
});
//反选
$("#reverse").click(function(){
//先找到所有的复选框,然后循环遍历每一个复选框each()相当于foreach()
$("input:checkbox[name='items']").each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
});
})
</script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" name="items" value="篮球">篮球<br />
<input type="checkbox" name="items" value="乒乓球">乒乓球<br />
<input type="checkbox" name="items" value="羽毛球">羽毛球<br />
<input type="checkbox" name="items" value="足球">足球<br />
<input type="checkbox" name="items" value="保龄">保龄球<br />
<input type="checkbox" name="items" value="高尔夫">高尔夫<br />
<input type="button" id="checkAll" value="全选">
<input type="button" id="checkNo" value="全不选">
<input type="button" id="reverse" value="反选">
</form>
</body>