jquery 全选反选 并且获取所有值
时间: 2023-09-14 22:01:38 浏览: 149
使用jQuery实现全选和反选功能,并获取所有选中的值有以下几个步骤:
1. 添加全选和反选的HTML代码:
```html
<input type="checkbox" id="selectAll">全选
<input type="checkbox" name="checkbox" value="1">选项1
<input type="checkbox" name="checkbox" value="2">选项2
<input type="checkbox" name="checkbox" value="3">选项3
```
2. 使用jQuery编写全选和反选功能的事件处理程序:
```javascript
// 全选和反选功能
$("#selectAll").change(function() {
$("input[name='checkbox']").prop("checked", $(this).prop("checked"));
});
// 获取所有选中的值
function getSelectedValues() {
var values = [];
$("input[name='checkbox']:checked").each(function() {
values.push($(this).val());
});
return values;
}
```
3. 在需要的时候调用`getSelectedValues()`函数来获取所有选中的值:
```javascript
var selectedValues = getSelectedValues();
console.log(selectedValues); // 输出所有选中的值
```
这样就可以实现jquery全选和反选,并获取所有选中的值。
阅读全文