<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>New Document</TITLE>
<SCRIPT language=JavaScript src="jquery.js"></SCRIPT>
<SCRIPT language=JavaScript>
$("document").ready(function(){
$("#btn1").click(function(){
$("[name='checkbox']").attr("checked",'true');//全选
})
$("#btn2").click(function(){
$("[name='checkbox']").removeAttr("checked");//取消全选
})
$("#btn3").click(function(){
$("[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="";
$("[name='checkbox'][checked]").each(function(){
str+=$(this).val()+"/r/n";
//alert($(this).val());
})
alert(str);
})
})
</SCRIPT>
<META content="MSHTML 6.00.2900.3492" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1 action="" method=post>
<INPUT id=btn1 type=button value=全选>
<INPUT id=btn2 type=button value=取消全选>
<INPUT id=btn3 type=button value=选中所有奇数>
<INPUT id=btn4 type=button value=反选>
<INPUT id=btn5 type=button value=获得选中的所有值>
<BR>
<INPUT type=checkbox value=checkbox1 name=checkbox> checkbox1
<INPUT type=checkbox value=checkbox2 name=checkbox> checkbox2
<INPUT type=checkbox value=checkbox3 name=checkbox> checkbox3
<INPUT type=checkbox value=checkbox4 name=checkbox> checkbox4
<INPUT type=checkbox value=checkbox5 name=checkbox> checkbox5
<INPUT type=checkbox value=checkbox6 name=checkbox> checkbox6
<INPUT type=checkbox value=checkbox7 name=checkbox> checkbox7
<INPUT type=checkbox value=checkbox8 name=checkbox> checkbox8
</FORM>
</BODY>
</HTML>