在Web开发中，我们经常需要获取和操作复选框的选中状态，以便在用户与页面交互时执行相应的操作。Javascript为我们提供了一些方法来检查复选框是否被选择或取消选择。
获取复选框元素
首先，我们需要使用JavaScript获取复选框元素。可以通过以下方式获取：
var checkbox = document.getElementById('myCheckbox');其中，'myCheckbox'是复选框元素的ID属性值。这个ID必须唯一且正确命名。
如果有多个复选框，可以通过document.getElementsByName() 方法获取一组具有相同名称的复选框元素：
var checkboxes = document.getElementsByName('myCheckboxes');其中，'myCheckboxes'是所有复选框的共同名称。
检查复选框是否被选中
我们可以使用 checked 属性来检查复选框是否被选中。该属性返回一个布尔值，true 表示已选中，false 表示未选中。
以下是一个示例代码演示如何检查单个复选框是否被选中：
-- -------------------- ---- -------
--------- -----
------
------
-------------------------
--------
-------- --------------- -
--- -------- - --------------------------------------
-- ------------------ -
-----------------
- ---- -
-----------------
-
-
---------
-------
------
------ --------------- ----------------
------- ----------------------------------------
-------
-------在上面的示例中，我们定义了一个名为 checkCheckbox() 的 JavaScript 函数，并在页面上创建了一个复选框和一个按钮。当用户单击按钮时，函数将检查复选框是否被选中，然后弹出相应的消息。
另外，如果需要检查一组复选框的选中状态，可以使用以下示例代码：
-- -------------------- ---- -------
--------- -----
------
------
-------------------------
--------
-------- ----------------- -
--- ---------- - -------------------------------------------
--- ------------ - --
--- ---- - - -- - - ------------------ ---- -
-- ----------------------- -
---------------
-
-
--------- - ------------ - ------------
-
---------
-------
------
------ --------------- --------------------
------ --------------- --------------------
------ --------------- --------------------
------- ------------------------------------------
-------
-------在上面的示例中，我们创建了三个具有相同名称的复选框，并使用 getElementsByname() 方法获取它们。然后，我们使用一个 for 循环遍历所有复选框，并使用一个计数器变量来记录被选中的复选框数量。
总结
本文介绍了如何使用JavaScript检查复选框的选中状态。通过使用checked属性，我们可以轻松地检查单个复选框的选中状态，并使用getElementsByName()方法检查一组具有相同名称的复选框的选中状态。
需要注意的是，当操作复选框时，应该始终考虑用户体验和可访问性，以确保用户能够正确地理解和使用页面上的交互元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/30585