全选和全不选demo

<script>
        
        $(function(){
            $("#chkAll").change(function(){
                
                //获取我们全选按钮的选中状态；
                var ck=$("#chkAll").prop("checked");
                
                //修改我们所有名字为tck的复选框的状态
                $("input[name='tck']").prop("checked",ck);
                
            })
            
            //所有复选框的个数
            //var allcount = $("input[name='tck']").length;            
            //选中的复选框的个数
            //var ckcount = $("input[name='tck']:checked").length
            //$("#chkAll").prop("checked",allcount == ckcount);
            
            
            $("input[name='tck']").change(function(){
                $("#chkAll").prop("checked",$("input[name='tck']").length==$("input[name='tck']:checked").length);
            })
            
        })
        
    </script>