jquery全选删除
时间: 2023-11-28 21:44:27 浏览: 115
jQuery全选反选及批量删除
3星 · 编辑精心推荐
以下是一个基于jQuery的全选删除的例子:
HTML代码:
```html
<input type="checkbox" id="all">全选
<input type="checkbox" class="acb">选项1
<input type="checkbox" class="acb">选项2
<input type="checkbox" class="acb">选项3
<button id="delete">删除</button>
```
jQuery代码:
```javascript
// 全选和全不选的操作
$("#all").change(function(){
// 得到all的状态,将其设置给所有的子复选框
var checked = $("#all").prop("checked"); $(".acb").prop("checked",checked);
});
// 删除操作
$("#delete").click(function(){
// 遍历所有选中的复选框,获取其值并进行删除操作
$(".acb:checked").each(function(){
$(this).parent().remove();
});
});
```
阅读全文