asp.net中gridview中模板“删除”按钮，删除点击行

最新推荐文章于 2025-05-15 13:04:17 发布

ma_qiong

最新推荐文章于 2025-05-15 13:04:17 发布

阅读量974

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/ma_qiong/article/details/17263415

js 专栏收录该内容

5 篇文章

订阅专栏

本文提供了两种在网页中删除表格行的有效方法。方法一通过JavaScript函数`delRow`实现，适用于通用的表格删除操作；方法二则展示了如何针对特定ID的表格(`tb_itemKindListCmbc`)进行行删除，并提供了相应的事件处理函数`itemKindListCmbcDelRows`。两种方法都包括了确认提示框以防止误操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法一：

function delRow(obj) {
            if (confirm("确认将所选的套餐删除？删除后将无法恢复.")) {
                var grvlist = document.getElementById("<%=grv_combos.ClientID%>");
                if (grvlist == null) {
                    return;
                }
                var index = obj.parentElement.parentElement.rowIndex;
                grvlist.deleteRow(index);
            }
            else {
                return;
            }
        }

方法二：

    function itemKindListCmbcDelRows(index) {
            if (confirm("确认删除此条险别信息？删除后将无法恢复.")) {
                var rowIndex = event.srcElement.parentElement.parentElement.rowIndex;
                var styles = document.getElementById("tb_itemKindListCmbc" + index);
                styles.deleteRow(rowIndex);
            }
            else {
                return;
            }
        }

<asp:TemplateField>
                                        <HeaderTemplate>
                                            操作
                                        </HeaderTemplate>
                                        <ItemTemplate>
                                     <input type="button" id="btn_del" runat="server" value="删除" onclick="delRow(this)" />
                                        </ItemTemplate>
                                    </asp:TemplateField>