Question

我有一个呈现局部视图的视图。 Index.cshtml包含部分视图。

以下div存在于局部视图

中

            <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>

我使用下面的方法通过单击按钮关闭局部视图中的网格（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);

Javascript：选择页面上的所有复选框。它检查所有一秒钟，然后消失

1 个答案: