jQuery全选框单选框的实现效果

实现效果，点击全选按钮，下面所有的多选框都勾中，取消一个多选框，全选也自动去除，先选中所有多选框，则全选按钮也自动勾选

html中 ：

需要一个全选的按钮<input type="checkbox" id="checkAll" class="px"> 

需要N个多选框<input type="checkbox" class="px subCheckbox" >

jquery中需要实现的：

// 全选

        $("#checkAll").click(function () {
            var isChecked = $(this).prop("checked");
            $(".subCheckbox").prop("checked", isChecked);
        })


        $(".subCheckbox").click(function() {
            if($("#checkAll").prop('checked')) {
                $(".subCheckbox").each(function(i, ck) {
                    if (!$(ck).prop('checked')) {
                        $("#checkAll").prop("checked",false);
                    }
                });
            }else{
                var i = 0;
                $(".subCheckbox").each(function() {
                    if ($(this).prop('checked')) {
                        i++;
                    }
                });
                if ($(".subCheckbox").length==i) {
                    $("#checkAll").prop("checked",true);
                }
            }
        })