jquery全选删除
时间: 2023-11-28 18:44:27 浏览: 119
Jquery 全选反选实例代码
以下是一个基于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();
});
});
```
阅读全文