通过checkboxs动态删除多行tr

最新推荐文章于 2023-02-25 11:27:54 发布

Carter_Hou

最新推荐文章于 2023-02-25 11:27:54 发布

阅读量119

点赞数

分类专栏： JavaScript 文章标签： script

本文链接：https://blog.csdn.net/houjiannba/article/details/84158456

版权

JavaScript 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<html>
<head>
<script>
function delte() {
  var checkboxs = document.getElementsByName("c1");
  var table = document.getElementById("mytable");
  var allTrlength = table.rows.length;
  var trIndex ;
  for(var i=0; i<checkboxs.length; i++) {
    for(var j=allTrlength - 1; j>0 ;j--) {
   if(checkboxs[i].checked == true) {
    table.deleteRow(checkboxs[i].parentNode.parentNode.rowIndex);
    }
   }
  }
}
</script>
</head>
<body>
<table id="mytable">
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
<tr><td><input type="checkbox" name="c1"></td>
</tr>
</table>
<input type="button" value="delete" οnclick="delte();">
</body>
</html>