【问题标题】:how to get the id of a checkbox in a GridView如何获取GridView中复选框的ID
【发布时间】:2016-01-19 12:21:44
【问题描述】:

我有一个复选框,并出现在 GridView 的每一行,我想找到已勾选的复选框的 id。

GridView 的代码:

<asp:GridView  style="width:75%"  
                        ID="gvCVRTDetails" 
                        ShowHeaderWhenEmpty="true"
                        CssClass="tblResults" 
                        runat="server" 
                        OnRowDataBound="gvCVRTDetails_RowDataBound"                             
                        DataKeyField="ID" 
                        AutoGenerateColumns="false"
                        allowpaging="false"
                        AlternatingRowStyle-BackColor="#EEEEEE">
                        <HeaderStyle CssClass="tblResultsHeader" />
                        <Columns>
                            <asp:BoundField DataField="Description" HeaderText="Checklist Items"></asp:BoundField> 
                            <asp:TemplateField HeaderText ="Checked?" ItemStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                         <asp:CheckBox ID="chkChecked" runat="server" onchange=UpdateCheckedBox(this,this.value)></asp:CheckBox>
                                </ItemTemplate>
                            </asp:TemplateField>
                        </Columns>
                    </asp:GridView>

我尝试使用 onchange=UpdateCheckedBox(this,this.value)onchange=UpdateCheckedBox(this.id,this.checked) 但它没有返回 ID。

我添加了一个简单的函数,这样我就可以检查复选框的 ID:

function UpdateCheckedBox(id, checked) {
        alert(id);
        alert(checked);
    }

如果我使用this.id,则警报消息为空白。如果我使用this 则表示[object htmlSpanElement]。使用 this.checkedthis.value 只会返回 undefined

【问题讨论】:

    标签: c# jquery asp.net gridview checkbox


    【解决方案1】:
    function UpdateCheckedBox(e) {
        alert(e.checked);
    }
    

    复选框更改控件应调用如下:

    <asp:CheckBox ID="chkChecked" runat="server" onclick=UpdateCheckedBox(this)></asp:CheckBox>
    

    【讨论】:

    • 警报仍然显示未定义
    • 对不起,把 onchange 改成 onclick。
    • 谢谢,但警报只是说“开”。我需要找到复选框的ID
    • e.id 将重新调整您的控制 ID。
    • data-id='' 使用单引号
    猜你喜欢
    • 2020-03-08
    • 2015-05-28
    • 2017-10-06
    • 2012-09-23
    • 2012-03-06
    • 1970-01-01
    • 2017-01-16
    • 2013-10-05
    • 1970-01-01
    相关资源
    最近更新 更多