HTML：
<!--复选框应用-->
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<form>
你爱好的运动是？<br />
<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="checkall" value="全 选"/>
<input type="button" id="checkno" value="全不选"/>
<input type="button" id="checkrev" value="反 选"/>
<input type="button" id="send" value="提 交"/>
</form>
<script type="text/javascript">
$("#checkall").click(function(){
$('[name=items]:checkbox').attr('checked', true);
})
$('#checkno').click(function(){
$("[name=items]:checkbox").attr("checked", false);
})
$("#checkrev").click(function(){
$("[name=items]:checkbox").each(function(){
this.checked = !this.checked;
})
})
$("#send").click(function(){
var str = "你选中的是：";
$("[name=items]:checkbox:checked").each(function(){
str = str + $(this).val() + ",";
})
alert(str);
})
</script>
</body>
</html>
END
