使用javascript从gridview中的选中复选框获取价值

Question

我有gridview控件，其中列包含复选框以选择一行，并且标题模板中还有另一个复选框以选择所有行。

现在我想使用javascript从选中的复选框（所有选中的复选框或可能是4到5个选中的复选框）中获取值，并且当用户取消选中选中的复选框时，其值不应传递给javascript函数或为空。

 <asp:gridview id="gvFriends" runat="server" autogeneratecolumns="False">
    <columns>
        <asp:ImageField DataImageUrlField="PictureUrl" HeaderText="Picture" />
        <asp:BoundField DataField="Name" HeaderText="Name" />

        <asp:TemplateField>
            <HeaderTemplate>
                <asp:CheckBox ID="chkSelectAll" runat="server" Text="Select All" />
            </HeaderTemplate>
            <ItemTemplate>


  <input id="Checkbox1" type="checkbox" value='<%#Eval("id")%>' />
            </ItemTemplate>
        </asp:TemplateField>

    </columns>
</asp:gridview>

Answer 1

我建议您将jQuery用于此任务。

您可以在此处查看如何获取复选框值： http : //jquery-howto.blogspot.ru/2008/12/how-to-check-if-checkbox-is-checked.html

Answer 2

在页面以HTML格式呈现给客户端之后，这将为您的页面生成许多复选框元素

使用jQuery，您可以获得与以下相同的值

$('<%= gvFriends.ClientName%>').find('input[type=checkbox]').eq(i).is(':checked')

将i替换为所需元素的索引

另一种解决方案是将rel =“ chk <％#Eval（id）％>”添加到复选框

$('<%= gvFriends.ClientName%>').find('input[rel=chk'+ id +']').is(':checked')