c# - 通过 JQuery 检查复选框时，复选框 OnCheckedChanged 不会触发

Question

我使用此代码能够检查 gridview 行选择上正在运行的复选框。但是，除非我单击实际的复选框，否则后面的代码不会运行。有什么想法吗？

ASPX 代码:

<asp:GridView runat="server" ID="gvReconciledGroups" AutoGenerateColumns="false" EmptyDataText="No Reconciled Items to Batch" DataKeyNames="GroupID">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:CheckBox runat="server" ID="cbFinalise" AutoPostBack="true" OnCheckedChanged="cbFinalise_OnCheckedChanged" ClientIDMode="Static" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:BoundField HeaderText="GroupID" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" DataField="GroupID" />
        <asp:BoundField HeaderText="Date" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" DataField="Date" DataFormatString="{0:dd/MM/yyyy}" ItemStyle-Width="100px" />
        <asp:BoundField HeaderText="Cashier" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" DataField="Cashier" ItemStyle-Width="100px" />

脚本:

<script type="text/javascript">
    $(function () {
        $('tr.gridview_row,tr.gridview_alternatingRow').click(function () {
            var checked = $(this).find('input[id*=cbFinalise]').prop('checked');
            $(this).find('input[id*=cbFinalise]').prop('checked', !checked);
        });
    });
</script>

背后代码:

public void cbFinalise_OnCheckedChanged(Object sender, EventArgs e)
{
    //Calculations
}

Answer 1

jQuery 完全是客户端的。 OnCheckedChanged 仅在由于单击单选 input 而发生回发后在服务器端触发。试试这个:

$('tr.gridview_row,tr.gridview_alternatingRow').click(function () {
    $(this).find('input[id*=cbFinalise]').click(); // this should force a postback
});

请注意，手动更改控件的 checked 属性是多余的，因为无论如何您都将刷新页面，并且控件的状态将由 ASP.Net 在重新呈现页面时设置.