使用 javacsript 在网格视图中获取复选框选中行的相应行值

debugcn 发表于 Dev

谜之国

我在每行都有以下带有复选框的网格，当我选中复选框时，我想获得相应的选定行单元格值。行单元格值..

这是我的网格视图

  <asp:GridView ID="gvPRCertInfo" runat="server" AutoGenerateColumns="False" 
      GridLines="None"                      
      CellSpacing="1" CellPadding="1"
      Width="95%" BorderWidth="0"
      AllowSorting="True"
      PageSize="30"
      OnRowDataBound="gvPRCertInfo_RowDataBound"
      CssClass="data responsive">
      <Columns>
         <asp:TemplateField HeaderText="Select" SortExpression="">
            <HeaderTemplate>
               <asp:CheckBox ID="chkboxSelectAll" runat="server" AutoPostBack="true"  OnCheckedChanged="chkboxSelectAll_CheckedChanged"/>
            </HeaderTemplate>
            <ItemTemplate>
               <asp:CheckBox ID="chkCert" AutoPostBack="true" OnCheckedChanged="chkCert_CheckedChanged" OnClick="checkForVirtual(this);" runat="server" />
               <input type="hidden" id="hdnCertId" runat="server" value='<%# DataBinder.Eval(Container.DataItem, "CertId") %>' />
            </ItemTemplate>
         </asp:TemplateField>
         <asp:BoundField DataField="CertificateID" HeaderText="Certificate ID" HeaderStyle-HorizontalAlign="Center" />
         <asp:BoundField DataField="partID" HeaderText="Part Number" HeaderStyle-HorizontalAlign="Center" />
         <asp:BoundField DataField="PartDesc" HeaderText="Part Description" HeaderStyle-HorizontalAlign="Center" />
         <asp:BoundField DataField="platformType" HeaderText="platformType" Visible="false" />

 ...................................
 ...................................

      </Columns>
      <EmptyDataRowStyle CssClass="AlternatingRowStyle" />     
  </asp:GridView>

这是我的复选框 javascript 函数

  function checkForVirtual(checkBox){
    if(checkBox.checked)
    {
        alert('checked');

       /// here i need to get selected checked row all cells value 
    }
 }

任何人都可以提出任何对此的想法，这将非常感谢我..

提前谢谢了..

VDWWD

你可以这样做。它将一个函数附加到复选框更改，找到最近的tr并循环所有td

<script type="text/javascript">
    $(document).ready(function () {
        $('#<%= gvPRCertInfo.ClientID %> input[type="checkbox"]').change(function () {
            $(this).closest('tr').children('td').each(function () {
                alert($(this).html());
            });
        });
    });
</script>

但是AutoPostBack="true"，您的复选框中有一个，因此您在 javascript 中所做的一切都会由于回发而立即丢失。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。