如何用jQuery找到所有的复选框输入

下面就是如何用jQuery找到所有的复选框输入的完整攻略：

1. 选择所有复选框

要选择所有复选框，可以使用 jQuery 的 $('input[type="checkbox"]') 选择器。这个选择器会找到页面中所有 type 属性为 checkbox 的 <input> 元素。

示例代码：

// 选择所有复选框
$('input[type="checkbox"]');

2. 操作选中的复选框

一旦选择了所有的复选框，我们就可以对它们进行各种操作了，例如：获取它们的值、设置它们的选中状态等。

2.1 获取所有选中的复选框的值

要获取所有选中的复选框的值，可以使用 jQuery 的 .map() 方法和 .get() 方法。.map() 方法会遍历选中的元素，并返回一个数组，这个数组由每个元素经过回调函数处理后的返回值组成。.get() 方法则将这个数组转换为标准的 JavaScript 数组。

示例代码：

// 获取所有选中的复选框的值
var vals = $('input[type="checkbox"]:checked').map(function() {
    return $(this).val();
}).get();

console.log(vals);

首先，使用 $('input[type="checkbox"]:checked') 选择器选择出所有已选中的复选框，然后使用 map() 方法遍历这些元素，将它们的 value 值封装为一个数组。最后，使用 get() 方法得到这个数组并打印出来。

2.2 设置所有复选框为选中状态

要设置所有复选框为选中状态，可以使用 jQuery 的 .prop() 方法，将 checked 属性设置为 true。

示例代码：

// 设置所有复选框为选中状态
$('input[type="checkbox"]').prop('checked', true);

使用 $('input[type="checkbox"]') 选择器选择出所有复选框，然后使用 .prop('checked', true) 设置它们的 checked 属性为 true 即可。

以上就是如何用 jQuery 找到所有复选框输入的完整攻略。