在前端开发中，经常需要获取页面中选中的复选框，并进行相应的操作。本文将介绍如何使用jQuery获取所有选中的复选框，并将它们保存为一个数组（类）。
1. 获取选中的复选框
首先，我们需要使用jQuery选择器来选中所有的复选框元素，并使用filter()方法来过滤出选中的复选框。
示例代码：
var checkedBoxes = $('input[type=checkbox]:checked');这段代码会选中页面中所有类型为“checkbox”且被选中的元素，并将它们保存在一个jQuery对象中。
2. 将选中的复选框保存为数组（类）
接下来，我们可以使用map()方法将jQuery对象转换为一个数组（类），并将每个元素转换为其对应的value值。
示例代码：
var checkedValues = checkedBoxes.map(function() {
return $(this).val();
}).get();这段代码会将选中的复选框转换为一个包含其value值的数组。
3. 示例代码
以下是完整的示例代码，用于获取页面中所有选中的复选框并将它们保存为一个数组。
-- -------------------- ---- -------
--------- -----
------
------
-----------------------
------- -------------------------------------------------------
-------
------
------
------------- --------------- -------------- ----------
------------- --------------- --------------- ----------
------------- --------------- --------------- ----------
------------- --------------- -------------- ----------
-------
--------
--- ------------ - ----------------------------------
--- ------------- - --------------------------- -
------ --------------
---------
---------------------------
---------
-------
-------在这个示例中，我们使用jQuery选择器选中了所有类型为“checkbox”且被选中的元素，并将它们保存在一个jQuery对象中。接着，我们使用map()方法将每个元素转换为其对应的value值，并将它们保存在一个数组中。
4. 总结
以上就是获取所有选中的复选框并将它们保存为一个数组（类）的方法。由于jQuery具有简单易用的API和强大的选择器功能，因此我们可以轻松地完成这个任务。希望本文能够帮助你更好地理解jQuery的使用方法，并在实际开发中得到应用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11450
