直接上代码：

<html>
<head>
<title>Checkbox</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ />
<script language=”JavaScript” src=”http://localhost/testjq/jquery.js” type=”text/javascript”></script>
<script type=”text/javascript”>
<!–
$(“document”).ready(function() {
$(“#btn1″).click(function() {
$(“[name='checkbox']“).attr(“checked”,”checked”);
});
$(“#btn2″).click(function() {
$(“[name='checkbox']“).removeAttr(“checked”);
});
$(“#btn3″).click(function() {
$(“[name='checkbox']“).removeAttr(“checked”);
$(“[name='checkbox']:even”).attr(“checked”, true);
});
$(“#btn4″).click(function() {
$(“[name='checkbox']“).each(function() {
if ($(this).attr(“checked”)) {
$(this).removeAttr(“checked”);
} else {
$(this).attr(“checked”, true);
}
})
});

$(“#btn5″).click(function() {
var str = “”;
$(“input[name='checkbox']:checkbox:checked”).each(function() {
str += $(this).val() + “\r\n”;
})
alert(str);
});
});
//–>
</script>
</head>
<body>
<form name=”form1″ method=”post” action=”">
<input type=”button” id=”btn1″ value=”全选”>
<input type=”button” id=”btn2″ value=”取消全选”>
<input type=”button” id=”btn3″ value=”选中所有奇数”>
<input type=”button” id=”btn4″ value=”反选”>
<input type=”button” id=”btn5″ value=”获得选中的所有值”>
<br>
<input type=”checkbox” name=”checkbox” value=”checkbox1″> checkbox1
<input type=”checkbox” name=”checkbox” value=”checkbox2″> checkbox2
<input type=”checkbox” name=”checkbox” value=”checkbox3″> checkbox3
<input type=”checkbox” name=”checkbox” value=”checkbox4″> checkbox4
<input type=”checkbox” name=”checkbox” value=”checkbox5″> checkbox5
<input type=”checkbox” name=”checkbox” value=”checkbox6″> checkbox6
<input type=”checkbox” name=”checkbox” value=”checkbox7″> checkbox7
<input type=”checkbox” name=”checkbox” value=”checkbox8″> checkbox8
</form>
</body>
</html>

<html><head><title>Checkbox</title><meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /><script language=”JavaScript” src=”http://localhost/testjq/jquery.js” type=”text/javascript”></script><script type=”text/javascript”><!– $(“document”).ready(function() { $(“#btn1″).click(function() { $(“[name='checkbox']“).attr(“checked”,”checked”); }); $(“#btn2″).click(function() { $(“[name='checkbox']“).removeAttr(“checked”); }); $(“#btn3″).click(function() { $(“[name='checkbox']“).removeAttr(“checked”); $(“[name='checkbox']:even”).attr(“checked”, true); }); $(“#btn4″).click(function() { $(“[name='checkbox']“).each(function() { if ($(this).attr(“checked”)) { $(this).removeAttr(“checked”); } else { $(this).attr(“checked”, true); } }) }); $(“#btn5″).click(function() { var str = “”; $(“input[name='checkbox']:checkbox:checked”).each(function() { str += $(this).val() + “\r\n”; }) alert(str); }); });//–></script></head>
<body> <form name=”form1″ method=”post” action=”"> <input type=”button” id=”btn1″ value=”全选”>  <input type=”button” id=”btn2″ value=”取消全选”>  <input type=”button” id=”btn3″ value=”选中所有奇数”> <input type=”button” id=”btn4″ value=”反选”>  <input type=”button” id=”btn5″ value=”获得选中的所有值”> <br> <input type=”checkbox” name=”checkbox” value=”checkbox1″> checkbox1  <input type=”checkbox” name=”checkbox” value=”checkbox2″> checkbox2  <input type=”checkbox” name=”checkbox” value=”checkbox3″> checkbox3  <input type=”checkbox” name=”checkbox” value=”checkbox4″> checkbox4  <input type=”checkbox” name=”checkbox” value=”checkbox5″> checkbox5  <input type=”checkbox” name=”checkbox” value=”checkbox6″> checkbox6  <input type=”checkbox” name=”checkbox” value=”checkbox7″> checkbox7  <input type=”checkbox” name=”checkbox” value=”checkbox8″> checkbox8 </form></body></html>


文章来源：毛蛋网(maoegg.com)