Select jquery 中的所有功能都无法正常工作

Question

我有一个搜索栏和下面的 table，其中有一个 select 全部选项。 Select All 功能工作正常，但是当我在搜索栏中搜索内容然后单击 Select All 按钮时，没有任何反应。我不明白为什么会这样？

这是我的 Select 所有功能的代码

    function selectUnselectchkAllProcessedOrders() {
    debugger
    $("#chkAllProcessedOrders").click(function () {
        var checked_status = this.checked;
        $("input[name='fulfillmentOrderId']").each(function () {
            this.checked = checked_status;

            if (checked_status)
                $(this).parent().parent().addClass('greanBackGround');
            else
                $(this).parent().parent().removeClass('greanBackGround');
        });

    });
}

当我在单击搜索按钮后单击 Select 全部复选框时，我可以使用调试器看到当 selectUnselectchkAllProcessedOrders() 函数被调用时，this.checked 未定义。

这是 cshtml

  <div>
        <table>
            <tr>
                <td>
                    <label>Order Number</label></td>
                <td>
                    <input type="text" id="TextBoxFullFillmentOrderNumber" 
/></td>
                <td>
                    <input type="submit" name="ButtonSearch" value="Search" 
/>
                    <input type="hidden" name="posearchorderno" 
id="posearchorderno" />
                    <input type="hidden" name="search" value="some" />
                </td>

            </tr>
            <tr></tr>
        </table>
    </div>
    }

Answer 1

试试这个：您正在尝试为动态创建的复选框绑定点击事件，因此请使用 .on，如下所示

$(document).on("click","#chkAllProcessedOrders", function () {
    var checked_status = this.checked;
    $("input[name='fulfillmentOrderId']").each(function () {
        this.checked = checked_status;

        if (checked_status)
            $(this).parent().parent().addClass('greanBackGround');
        else
            $(this).parent().parent().removeClass('greanBackGround');
    });

});

Select jquery 中的所有功能都无法正常工作

Select All function not working properly in jquery

jquery

asp.net-mvc-4