js 批量删除获取对象id

例如: 获取数组为list

(row是当前行的数据)

newId = arr.map( (row) => row.id )

console.log(newId)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的示例代码,实现了使用JavaScript来批量删除选定的行: ```html <!DOCTYPE html> <html> <head> <title>批量删除按钮_JS</title> <script> function deleteRows() { var table = document.getElementById("myTable"); var rowCount = table.rows.length; for (var i = rowCount - 1; i > 0; i--) { var row = table.rows[i]; var chkbox = row.cells[0].childNodes[0]; if (chkbox.checked == true) { table.deleteRow(i); } } } </script> </head> <body> <table id="myTable" border="1"> <tr> <th></th> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td><input type="checkbox" name="chk"/></td> <td>张三</td> <td>男</td> <td>25</td> </tr> <tr> <td><input type="checkbox" name="chk"/></td> <td>李四</td> <td>女</td> <td>30</td> </tr> <tr> <td><input type="checkbox" name="chk"/></td> <td>王五</td> <td>男</td> <td>28</td> </tr> </table> <br> <input type="button" value="批量删除" onclick="deleteRows();" /> </body> </html> ``` 在这个示例,我们创建了一个包含3行数据的表格,并为每行添加了一个复选框。然后,我们在页面底部创建了一个按钮,当点击该按钮时,会调用JavaScript函数 `deleteRows()` 来删除的行。 在 `deleteRows()` 函数,我们首先获取到表格对象,然后遍历所有行,从最后一行开始向上遍历。对于每一行,我们检查其第一个单元格的复选框是否被选,如果是,则使用 `deleteRow()` 方法删除该行。 请注意,由于我们在表格的第一行添加了一个复选框列,因此在删除行时,我们需要跳过第一行。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值