全选和全不选demo

 1 <script>
 2
 3         $(function(){
 4             $("#chkAll").change(function(){
 5
 6                 //获取我们全选按钮的选中状态；
 7                 var ck=$("#chkAll").prop("checked");
 8
 9                 //修改我们所有名字为tck的复选框的状态
10                 $("input[name='tck']").prop("checked",ck);
11
12             })
13
14             //所有复选框的个数
15             //var allcount = $("input[name='tck']").length;
16             //选中的复选框的个数
17             //var ckcount = $("input[name='tck']:checked").length
18             //$("#chkAll").prop("checked",allcount == ckcount);
19
20
21             $("input[name='tck']").change(function(){
22                 $("#chkAll").prop("checked",$("input[name='tck']").length==$("input[name='tck']:checked").length);
23             })
24
25         })
26
27     </script>