全选／全不选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<form>
你爱好的运动时：？
<input type="checkbox" id="checkedall">全选／全不选<br/>
<input type="checkbox" name="items" value="足球">足球
<input type="checkbox" name="items" value="篮球">篮球
<input type="checkbox" name="items" value="羽毛球">羽毛球
<input type="button" id="send" value="提交">
</form>
</body>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#checkedall").click(function(){
$('[name=items]:checkbox').attr("checked",this.checked);
});
// $('[name=items]:checkbox').click(function(event) {
// var flag=true;
// $('[name=items]:checkbox').each(function(){
// if(!this.checked){
// flag=false;
// }
// });
// $('#checkedall').prop('checked',flag);
// });
$('[name=items]:checkbox').click(function(event) {
var $tmp=$('[name=items]:checkbox');
$("#checkedall").attr('checked',$tmp.length==$tmp.filter(':checked').length);
// filter()方法将匹配元素集合缩减为匹配指定选择器的元素。
// filter方法中的参数可以为字符串值，包含供匹配当前元素集合的选择器表达式。
});
})
</script>
</html>
