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

【问题标题】：get value from checked checkbox inside a gridview using javascript使用javascript从gridview中的选中复选框获取值
【发布时间】：2013-01-28 22:06:27
【问题描述】：

我有 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>

【问题讨论】：

标签： javascript asp.net gridview

【解决方案1】：

我推荐你使用 jQuery 来完成这个任务。

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

【讨论】：

@user1999284 好的，这个链接应该可以帮助你 - Javascript Checkbox

【解决方案2】：

这将在您的页面以 HTML

呈现给客户端后生成许多复选框元素

使用jQuery可以得到和下面一样的值

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

将 i 替换为你想要的元素的索引

另一种解决方案是在复选框中添加 rel="chk"

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

【讨论】：