Jquery复选框在更改时呈现数据

Question

嗨，我点击了一个按钮，弹出一个小部件，在这个小部件上提供了一些数据。我创建了一个复选框调用archiveLog。选中此复选框后，我希望数据呈现。这就是我所拥有的：

dataServiceStudy.getLogsByStudyId(studyId)
                .done(function (result) {
                    if (result) {
                        var studyLogTitle = "something " + somethingId;
                        var modalDiv = "somethingLog" + somethingId;
                        modalsHelper.getModalPartial("/loc1/subloc1/subsubloc1",
                        null,
                        new Object(),
                        { "height": "400", "width": "750", "name": modalDiv, "title": somethingLogTitle })
                        .done(function () {
                            renderStudyLogGrid();
                            $("#archiveLog").change(function () {
                                if (this.checked) {
                                    bindStudyLog(result);
                                }
                            })
                            //bindStudyLog(result);
                            $('#closeStudyLog').click(function () {
                                $('#' + modalDiv).dialog('close');
                            });
                        });
                    }
                });

选中复选框时，数据不会出现

EDIT ****

我希望它在检查后刷新网格

Answer 1

变化：

$("#archiveLog").on(function () {
    if (this.checked) {
        bindStudyLog(result);
    }
})

with：

$("#archiveLog").change(function () {
    if ($(this).is(':checked')) {
        bindStudyLog(result);
    } else {
        //hide block
    }
})

Answer 2

应该更改

 $("#archiveLog").change(function () {

       //Add your logic here

    });