如何使用 jQuery 获取数组中所有选定的复选框？

对于 Web 开发者而言，如何获取页面上的数据是一个非常普遍的需求。当涉及到复选框时，我们可能会需要获取这些复选框中选中的选项。

在 jQuery 中，我们可以使用 :checked 选择器来获取选中的复选框。同时，我们还可以使用 .map() 方法将选中的复选框的值存储到数组中。以下是一个示例代码：

const checkboxValues = $('input[type=checkbox]:checked').map((_, el) => $(el).val()).get();
console.log(checkboxValues);

在上面的代码中，$('input[type=checkbox]:checked') 选择所有选中的复选框，并返回一个 jQuery 对象。.map() 方法可以用于遍历这个对象，并执行一个回调函数来对每个元素进行处理。在这个例子中，我们将回调函数的第一个参数 _（下划线）用于忽略掉 map() 返回的索引，因为它并不是我们关心的值。而第二个参数 el 则是一个 DOM 元素，我们使用 $() 包装它，以便能够使用 jQuery 对象的 .val() 方法来获取当前复选框的值。

最终，我们使用 .get() 方法将 map() 返回的数组提取出来，并存储在 checkboxValues 变量中。

此时，我们就可以在控制台中输出 checkboxValues，以查看选中的复选框的值。

$ node index.js

[ 'value1', 'value3', 'value4' ]

如上所述，使用 jQuery 获取数组中所有选定的复选框非常简单，只需使用 :checked 选择器和 .map() 方法即可。