在前端开发中，我们经常需要获取页面上已经被勾选的复选框数量。本文将介绍如何使用 JavaScript 和 jQuery 来实现这个功能。
使用 JavaScript 实现获取被勾选的复选框数量
要使用原生 JavaScript 获取页面上所有被勾选的复选框的数量，可以通过以下步骤完成：
- 获取页面上所有的复选框元素。
- 循环遍历所有的复选框元素，判断是否被勾选，如果是，则将计数器加一。
- 返回计数器的值作为结果。
下面是相应的示例代码：
-- -------------------- ---- -------
-------- ------------------------ -
--- ---------- - ----------------------------------------------------
--- ----- - --
--- ---- - - -- - - ------------------ ---- -
-- ----------------------- -
--------
-
-
------ ------
-使用 jQuery 实现获取被勾选的复选框数量
如果你正在使用 jQuery，也可以使用它来更简单地获取页面上所有被勾选的复选框数量。使用 jQuery，只需要一行代码即可完成：
var count = $('input[type="checkbox"]:checked').length;这行代码使用了选择器 :checked 来选择所有被勾选的复选框，并使用 .length 属性来获取它们的数量。
总结
本文介绍了如何使用 JavaScript 和 jQuery 分别实现获取页面上所有被勾选的复选框数量。无论你是在使用原生 JavaScript 还是 jQuery，都可以轻松地完成这个任务。希望这篇文章对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/29071