如果你想在前端代码中检查一个 HTML 表单中的复选框是否被选中，jQuery 是一个非常方便的工具。在这篇文章中，我们将会学习如何使用 jQuery 中的选择器和事件处理程序来检查和处理复选框的状态。
什么是 jQuery?
jQuery 是一种快速、小巧且功能丰富的 JavaScript 库。它使得 HTML 文档遍历、事件处理、动画等操作变得更加简单。jQuery 可以广泛应用于网页开发中，使得 JavaScript 代码编写变得更加高效、优雅。
如何检查复选框是否被选中？
在 jQuery 中，你可以使用 prop() 方法来获取或设置元素的属性值。对于复选框，prop('checked') 方法可以返回该复选框的选中状态，即是否勾选了该框。
以下是一个示例代码片段，展示了如何检查单个复选框的选中状态：
-- -------------------- ---- ------- -- -- -- - -------- ------ --- -------- - --------------- -- ---------- -- -------------------------- - --------------------- -- ----------- - ---- - --------------------- -- --- ----------- -
如果你想要检查多个复选框的选中状态，可以使用 jQuery 的选择器来选取这些元素，然后使用 each() 方法来遍历它们，获取每个元素的选中状态。
以下是一个示例代码片段，展示了如何检查多个复选框的选中状态：
-- -------------------- ---- -------
-- ------ ---------- ------
--- ---------- - ------------------------------
-- ---------------
-------------------------- -
--- -------- - --------
-- -------------------------- -
------------------------------- - - -- -----------
- ---- -
------------------------------- - - -- --- -----------
-
---如何响应复选框的变化事件？
如果你想要在复选框的选中状态发生改变时执行一些操作，可以使用 jQuery 的 change() 事件处理程序。当用户勾选或取消勾选一个复选框时，该事件会被触发。
以下是一个示例代码片段，展示了如何响应单个复选框的变化事件：
-- -------------------- ---- -------
-- -- -- - -------- ------
--- -------- - ---------------
-- ----------
-------------------------- -
-- ------------------------- -
--------------------- -- --- -----------
- ---- -
--------------------- -- --- --- -----------
-
---同样地，如果你想要响应多个复选框的变化事件，可以使用 jQuery 的选择器和 each() 方法来遍历这些元素，然后添加相应的事件处理程序。
以下是一个示例代码片段，展示了如何响应多个复选框的变化事件：
-- -------------------- ---- -------
-- ------ ---------- ------
--- ---------- - ------------------------------
-- ------------
---------------------------- -
--- -------- - --------
-- -------------------------- -
------------------------------- - - -- --- -----------
- ---- -
------------------------------- - - -- --- --- -----------
-
---结论
使用 jQuery 检查和处理 HTML 表单中的复选框是一件非常简单和方便的事情。在本文中，我们学习了如何使用 prop() 方法获取复选框的选中状态，以及如何使用 change() 事件处理程序响应复选框的变化事件
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7107