复选框OnCheckedChanged没有触发时，通过JQuery检查复选框

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被设置为它重新呈现页面。

Answer 2

我建议你以触发复选框，点击以迫使回传：

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