jquery全选全不选
时间: 2023-10-25 17:18:14 浏览: 71
可以通过以下代码实现jquery全选和全不选功能:
全选:
```javascript
$('#selectAll').click(function(){
$('input[type="checkbox"]').prop('checked', true);
});
```
全不选:
```javascript
$('#unselectAll').click(function(){
$('input[type="checkbox"]').prop('checked', false);
});
```
其中,`#selectAll`和`#unselectAll`是两个按钮的id,`$('input[type="checkbox"]')`选择所有类型为checkbox的input元素,并使用prop()方法设置它们的checked属性为true或false来实现全选和全不选。
相关问题
jquery全选反选不选
以下是基于jQuery实现全选、反选和不选的代码示例:
1. 全选:
```javascript
$("#selectAll").click(function(){
$("#checkBoxList :checkbox").prop("checked", true);
});
```
2. 反选:
```javascript
$("#invertSelect").click(function(){
$("#checkBoxList :checkbox").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
```
3. 不选:
```javascript
$("#unselectAll").click(function(){
$("#checkBoxList :checkbox").prop("checked", false);
});
```
请注意,上述代码中的`#checkBoxList`是一个包含多个复选框的父元素的ID,`#selectAll`、`#invertSelect`和`#unselectAll`分别是全选、反选和不选的按钮的ID。
jquery checkbox全选全不选
jQuery可以通过以下代码实现checkbox的全选和全不选功能:
全选:
```javascript
$("#checkAll").click(function(){
$("input[type='checkbox']").prop("checked",true);
});
```
其中,`#checkAll`是全选的复选框的ID,`$("input[type='checkbox']")`选中所有的复选框,`.prop("checked",true)`将它们的checked属性设置为true,即选中状态。
全不选:
```javascript
$("#unCheckAll").click(function(){
$("input[type='checkbox']").prop("checked",false);
});
```
其中,`#unCheckAll`是全不选的复选框的ID,`$("input[type='checkbox']")`选中所有的复选框,`.prop("checked",false)`将它们的checked属性设置为false,即未选中状态。
阅读全文