javascript - 如何使用 javascript 和 asp.net 获取 gridview 中选中的行单元格值

Question

当使用 javascript 检查行时，我试图从 gridview 获取 gridview 单元格值，我的代码如下

Asp.net 代码

 <asp:GridView runat="server" ID="gvEquip" DataKeyNames="Fk_ItemID" ClientIDMode="Static" HorizontalAlign="Center" OnRowDataBound="gvEquip_RowDataBound" HeaderStyle-VerticalAlign="Middle" AutoGenerateColumns="false" CssClass="table table-bordered table-condensed table-hover table-responsive">
 <HeaderStyle BackColor="#0080c0" ForeColor="White" />
 <Columns>                                          
 <asp:TemplateField>
 <ItemTemplate>
 <input type="checkbox" class="checkbox checkbox-inline" id="chkSelect" value="Click" />
 </ItemTemplate>
 </asp:TemplateField>
 <asp:TemplateField>
 <ItemTemplate>
 <asp:HiddenField ID="IDVal" runat="server" Value='<%# Eval("Fk_ItemID") %>'/>
 </ItemTemplate>
 </asp:TemplateField>

Javascript

$(document).ready(function () {
    var gridView1Control = document.getElementById('<%= gvEquip.ClientID %>');
    $('#<%= btnSubmit.ClientID %>').click(function (e) {

        var DataKeyName = "";
        $("#<%=gvEquip.ClientID %> input:checkbox[id*=chkSelect]:checked").each(function (item, index) {
            if (DataKeyName.length == 0) {
                DataKeyName = $(this).next($('#IDVal')).val();
            }
            else {
                DataKeyName += "," + $(this).next($('#IDVal')).val();
            }
        });
        alert(DataKeyName);
        return false;
    });
});

Answer 1

获取选中的复选框，用父获取容器TD元素，用next()获取下一个TD，用find获取隐藏字段，用map获取所有值。

var values = $(".checkbox:checked").parent().next().find("#IDVal").map(function(){return $(this).val();});

将值转换为以逗号分隔的字符串。

alert(values.toArray().join());