javascript - 复选框 jquery 更改功能不起作用且没有错误

Question

我有一个项目列表，我想在选择其中一个项目时执行某些操作，但问题是复选框的更改功能对我不起作用。

我已经检查了函数内部的代码，它在更改事件之外工作正常。我不确定它不起作用的原因，但除了它本身的功能之外，它还能是什么？

这里是更改函数:

$("input[name='checkCoResult']").change(function () {
     if (this.checked) {
        $("#searchResultSecond").attr("style", "opacity: 0.6");
        $("#searchResultSecond *").attr("disabled", "disabled").off('click');
     }

});

这是生成我的列表的代码:

$.ajax({
        url: "CCDMSWebService.asmx/getCoSearchResult",
        data: JSON.stringify(objectData),
        type: "POST",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (response) {
             var Result = response.d;
                 contantDiv.text("");
        $.each(Result, function (index, val) {
            contantDiv.append('<div  class="panel-bod"><label style="margin:2px; border-radius: 10px;border: 1px solid #cc0000;padding: 5px;"><input type="checkbox" value="' + val.companyID + '" name="checkCoResult" class="nnn"> '
        +'<img src="images/' + val.companyID + '.png" alt="company logo" width="30%" height="30%">' + val.companyName + ' provides all your needs</label></div>');
           })
        },
        failure: function (msg) {
        alert(msg);
       }
    });

Answer 1

您必须添加选择器参数，否则事件将被直接绑定(bind)而不是委托(delegate)，这仅在元素已经存在时才有效(因此它不适用于动态加载的内容)。在您的情况下，您的页面中似乎已经有一个名为 contantDiv 的 div，因此请修改您的代码，例如

contantDiv.on("change","input[name='checkCoResult']",function(){ ...

查看http://api.jquery.com/on/#direct-and-delegated-events了解更多详情。