这是一个“局部”的观点：

@model SetIsApprovedModel

    <form id="frmApprove" data-ajax="true" data-ajax-method="post" data-ajax-url="@(Url.Action("SetApprove", "AccountAdmin"))"
          data-ajax-success="onsuccess" data-ajax-mode="replace" data-ajax-update="#approvePartial" data-ajax-loading="#loadingApprove"
          data-ajax-failure="failed">
        <input type="hidden" asp-for="@Model.UserName" />
        <div class="row px-3 mb-1">
            <div class="col-md-5 text-md-end fw-bold">Approved: </div>
            <div class="col-md-7 text-md-start" id="IsApprovedDiv">
                <input id="chkApprove" type="checkbox" asp-for="@Model.IsApproved" />
            </div>
            <input type="submit" value="Submit" />
        </div>
    </form>

    <script>
        $(document).ready(function () {
            $(document).on('change', "input[type='checkbox']", function (e) {
                /* $("#chkApprove").on('change', function (evt) { */
                $('#frmApprove').trigger('submit');
            });
        });
    </script>

脚本不起作用。我该如何纠正它？注意：如果我点击提交按钮，它的作品，但我希望这个形式是张贴在响应一个改变事件从复选框。