<!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>