前端点击批量删除按钮后删除被复选框选中的数据,第一个复选框不删除
时间: 2024-03-10 19:47:39 浏览: 77
可以通过遍历复选框的方式来实现批量删除,具体操作如下:
1. 给批量删除按钮绑定点击事件。
2. 获取所有被选中的复选框。
3. 遍历所有被选中的复选框,将其对应的数据删除。
4. 但是要注意第一个复选框不能删除,可以通过添加一个判断条件来实现。
具体的代码实现如下:
```javascript
// 获取批量删除按钮
var deleteBtn = document.getElementById('deleteBtn');
// 给批量删除按钮绑定点击事件
deleteBtn.onclick = function() {
// 获取所有的复选框
var checkboxes = document.getElementsByName('checkbox');
// 遍历所有的复选框
for (var i = 0; i < checkboxes.length; i++) {
// 判断当前复选框是否被选中
if (checkboxes[i].checked) {
// 判断是否为第一个复选框
if (i !== 0) {
// 删除对应的数据
// ...
}
}
}
}
```
其中,`checkboxes` 为所有复选框的集合,需要根据实际情况修改。`i !== 0` 表示当前遍历的复选框不是第一个复选框,需要删除其对应的数据。
阅读全文