HTML | DOM 输入复选框名称属性

在 HTML 中，复选框是一种允许用户从一组选项中选择多个选项的表单控件。每个复选框都有一个名称属性，可以在提交表单数据时使用此属性标识复选框。

DOM 元素

使用 JavaScript 操作 DOM 元素时，我们也可以使用属性来访问和修改复选框的名称。可以使用 getElementById() 方法获取 DOM 元素，然后使用 name 属性访问或修改名称。

下面是一个示例代码：

let checkbox = document.getElementById("myCheckbox");
console.log(checkbox.name); // 输出当前复选框的名称
checkbox.name = "newName"; // 修改复选框的名称

HTML 表单元素

HTML 表单元素也可以设置复选框的名称。在 <input> 元素中使用 name 属性即可设置名称。例如：

<form>
  <input type="checkbox" name="option1" value="1"> Option 1 <br>
  <input type="checkbox" name="option2" value="2"> Option 2 <br>
  <input type="checkbox" name="option3" value="3"> Option 3 <br>
</form>

总结

复选框的名称属性在 HTML 和 JavaScript 中都非常有用，可以用于标识表单数据或在 DOM 中访问和修改元素。要访问或修改复选框的名称，可以使用元素的属性或 JavaScript 方法。