Javascript jquery 1.10.2批量选择复选框，回调错误？

我读过，他提到没有将函数放入正确的回调函数中。我在chrome开发工具中进行了调试，注意到在我使用另一个jquery函数添加一行后，复选框侦听器没有被命中

根据jquery“ready”文档，document.ready的回调在DOM加载完成时被触发。通过jquery处理程序添加一行后，DOM已完成加载，这就是我看到新行的方式。所以据我所知，我应该能够让我的复选框侦听器处于“就绪”回调中，不是吗？这是我的密码：

$(document).ready(function() {
        var i = 1;
        $("#add_row").click(function() {
            $('#addr' + i).html("<td><input type='checkbox' class='form-control case'></td>"  + 

                                "<td><input name='name" + i + "' type='text' placeholder='Name' " +
                                "class='form-control input-md'></td>" +

                                "<td><input name='mail" + i + "' type='text' placeholder='Mail' " +
                                "class='form-control input-md'></td>"

                                );

            $('#tab_logic').append('<tr id="addr' + (i + 1) + '"></tr>');
            i++;
        });

        $("#delete_btn_" + i).click(function(event) {
            if (i > 1) {
                $("#addr" + (i - 1)).html('');
                i--;
            }
        });


        // add multiple select / deselect functionality
        $("#selectall").click(function () {
            $('.case').prop('checked', this.checked);
        });

        /* Listen to any checkbox.  After one is toggled,
           if all checkboxes are selected, select the checkall checkbox
           otherwise checkall checkbox shouldn't be checked */
        $(".case").click(function() {
            if($(".case").length == $(".case:checked").length) {
                $("#selectall").prop("checked", "checked");
            } else {
            $("#selectall").removeProp("checked");
            }
        });

    });

$（文档）.ready（函数（）{
var i=1；
$（“#添加_行”）。单击（函数（）{
$（'#addr'+i）.html（“+
"" +
""
);
$（'#tab_logic'）。追加（''）；
i++；
});
$（“#删除_btn_uu”+i）。单击（函数（事件）{
如果（i>1）{
$（“#addr”+（i-1））.html（“”）；
我--；
}
});
//添加多个选择/取消选择功能
$（“#选择全部”）。单击（函数（）{
$（'.case'）.prop（'checked'，this.checked）；
});
/*听任何一个复选框。在一个复选框被切换后，
如果选中了所有复选框，请选中所有复选框
否则，不应选中checkall复选框*/
$（“.case”）。单击（函数（）{
if（$（“.case”）.length==$（“.case:已选中”）.length）{
$（“选择全部”）.prop（“选中”、“选中”）；
}否则{
$（“#selectall”）。移除属性（“选中”）；
}
});
});

hmm，复制并粘贴了这个，但它不起作用。为什么我不能回答我自己的问题？我发现错误不仅仅出现在“单击”和“打开”事件绑定中。你还需要别的东西才能让它工作。

    $("body").on('change','.case',function() {
        if($(".case").length == $(".case:checked").length) {
            $("#selectall").prop("checked", "checked");
        } else {
            $("#selectall").removeProp("checked");
        }
    });