删除表单一行或者多行操作

iteye_5769

于 2012-05-12 16:03:32 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/iteye_5769/article/details/82330227

Javascript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种直接在前端删除表格中已选中项的技术，避免了传统回后台取数据的繁琐步骤，显著提高了操作效率。通过遍历元素并使用deleteRow方法实现逆序删除，确保了在更新过程中表格数据的一致性和准确性。

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

之前一直是删除之后回后台再取的，这样效率不高，因为并不是所有情况都得走后台，下面提供了一种直接删除的方法

var names = document.getElementsByName("checkbox");
        var len   = names.length;
        if(len > 0){
            for (var i = names.length - 1; i >= 0; i--) {
                if(names[i].checked){
                    var rowElement = document.getElementById("checkbox" + names[i].value);
                    document.getElementById("tablename").deleteRow(rowElement.rowIndex);
                }
            }
        }

注：循环是倒着的，从最后一个开始到第一个，因为使用deleterow的时候会rowIndex会自动改变，因此倒着删的话不会影响到前面的index