HTML DOM Input - Checkbox 对象

<input> 元素是 HTML 表单中最常用的元素之一，它允许用户输入数据。<input> 元素有多种类型，其中之一是 checkbox 类型，用于创建复选框。

创建复选框

要创建一个复选框，只需要在 <input> 元素中设置 type 属性为 checkbox。复选框通常与一个标签一起使用，标签描述了复选框的含义。

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">我同意服务条款</label>

在上面的示例中，我们创建了一个复选框，并使用标签描述了该复选框的含义。用户可以点击复选框来选择或取消选择。

检查复选框是否被选中

要检查复选框是否被选中，可以使用 JavaScript 来访问该复选框的 checked 属性。checked 属性返回一个布尔值，表示复选框是否被选中。

-- -------------------- ---- -------
------ --------------- ----------------
------ --------------------------------

--------
  ----- -------- - --------------------------------------
  
  -- ------------------ -
    ----------------------
  - ---- -
    -----------------------
  -
---------

在上面的示例中，我们首先获取了 id 为 myCheckbox 的复选框元素，然后使用 checked 属性来检查复选框是否被选中，并根据结果输出相应的信息。

处理复选框的状态变化

如果需要在用户点击复选框时执行一些操作，可以监听复选框的 change 事件。当复选框的状态发生变化时，change 事件将被触发。

-- -------------------- ---- -------
------ --------------- ----------------
------ --------------------------------

--------
  ----- -------- - --------------------------------------
  
  ----------------------------------- ---------- -
    -- ------------------ -
      ----------------------
    - ---- -
      -----------------------
    -
  ---
---------

在上面的示例中，我们使用 addEventListener 方法来监听复选框的 change 事件，当复选框的状态发生变化时，输出相应的信息。

这就是关于 HTML <input> 元素中的复选框的一些基本操作。希望这些内容能帮助你更好地理解和使用复选框元素。