Javascript:选择页面上的所有复选框。它会检查所有内容一秒钟然后消失

Question

我有一个呈现部分 View 的 View 。Index.cshtml 包含部分 View 。

下面的div存在于部分 View 中

            <div id="sa-da">
                <input type="checkbox" id="selectAll"/><span>@T("Select / Deselect all invoices")</span> 
                <div class="payinvoices"><input class="amebtn" id="PayInvoices" type="button" text="Pay Invoices"  onclick="RemovePagination();"/> </div>
            </div>

我使用下面的方法通过单击按钮来关闭部分 View 中网格(webgrid)上的分页

            function RemovePagination()
                 {      
                    UpdateGrid("","clkPayInv");
                    $('#invoicestatus').val('unpaid');            
                    SelectAllCheckboxesOnLoad();
                 }

我希望下面的函数也可以在单击按钮时选择所有复选框

             function SelectAllCheckboxesOnLoad()
             {
                var aa= document.getElementsByTagName("input");
                for (var i =0; i < aa.length; i++){
                    if (aa[i].type == 'checkbox')
                        aa[i].checked = true;
                }

             }

??单击按钮时会选中复选框，但不会保持选中状态。它只是闪烁一秒钟，显示所有已选中的框，然后消失。我该如何解决这个问题？

            function UpdateGrid(searchString,whatWasClicked) {
                    $jq.ajax({
                        url: '@Url.Action("Invoices")',
                        type: "GET",
                        cache: false,  
                        data: { status: $("#invoicestatus").val(), from: $("#from").val(), thru: $("#to").val(), search: searchString, payInvClickBtn:whatWasClicked},
                        dataType: "html",
                        global: false,
                        error: function (jqXHR, status, error) { if (jqXHR.status == 401) { window.location.replace(location.href); } } ,
                        success: function (result, status, hr) {
                            $('#Grid').html(result);
                        }
                    });
                }

Answer 1

出现此问题的原因是您触发检查/取消检查时，您的 ajax 调用尚未完成。调用电话至

SelectAllCheckboxesOnLoad();

在成功方法内，之后

$('#Grid').html(result);