使用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')