//checkbox全選,全不選,反選
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<title>複選框</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script language="JavaScript" src="../js/jquery-1.4.2.js"></script>
<script>
$(function(){
$("#checkall").click(function(){
$(":checkbox").attr("checked","true");
})
$("#checkallNo").click(function(){
$(":checkbox").removeAttr("checked");
})
$("#check_revsern").click(function(){
$(":checkbox").each(function(){
this.checked=!this.checked;
})
})
})
</script>
</head>
<body>
您的愛好很廣泛!!!
<br>
<br>
<input type="checkbox" name="items" checked="checked" value="足球" />足球
<input type="checkbox" name="items" value="籃球"/>籃球
<input type="checkbox" name="items" value="游泳"/>游泳
<input type="checkbox" name="items" value="唱歌"/>唱歌
<br>
<input type="button" name="checkall" id="checkall" value="全選" />
<input type="button" name="checkall" id="checkallNo" value="全不選" />
<input type="button" name="checkall" id="check_revsern" value="反選" />
</body>
</html>