HTML | DOM 输入复选框值属性

简介

在Web开发中，复选框（checkbox）是一种常见的HTML输入元素，允许用户选择一个或多个选项。HTML | DOM 输入复选框值属性是用于获取和设置复选框的选中状态的属性。

属性

checked

checked 属性是用来获取或设置复选框的选中状态。

• 当复选框被选中时，checked 属性的值为 true。
• 当复选框未被选中时，checked 属性的值为 false。

获取和设置复选框的选中状态

使用 JavaScript，你可以通过以下方法来获取或设置复选框的选中状态。

获取复选框的选中状态

你可以使用 checked 属性来获取复选框的选中状态。例如：

var checkbox = document.getElementById("myCheckbox");
var isChecked = checkbox.checked;

以上代码将获取具有 id 为 myCheckbox 的复选框的选中状态。如果复选框被选中，isChecked 的值将为 true，否则为 false。

设置复选框的选中状态

你也可以使用 checked 属性来设置复选框的选中状态。例如：

var checkbox = document.getElementById("myCheckbox");
checkbox.checked = true;

以上代码将把具有 id 为 myCheckbox 的复选框设置为选中状态。

示例

以下示例展示了如何使用 HTML 和 JavaScript 来获取和设置复选框的选中状态。

HTML 代码：

<input type="checkbox" id="myCheckbox">
<button onclick="checkCheckbox()">获取状态</button>
<button onclick="setCheckbox()">设置状态</button>

JavaScript 代码：

function checkCheckbox() {
  var checkbox = document.getElementById("myCheckbox");
  var isChecked = checkbox.checked;
  alert("复选框的选中状态为：" + isChecked);
}

function setCheckbox() {
  var checkbox = document.getElementById("myCheckbox");
  checkbox.checked = true;
}

在上述示例中，我们创建了一个复选框和两个按钮。当点击第一个按钮时，将弹出一个对话框显示复选框的选中状态；当点击第二个按钮时，复选框将被设置为选中状态。

结论

HTML | DOM 输入复选框值属性 checked 用于获取和设置复选框的选中状态。通过 JavaScript，我们可以轻松地操作复选框的选中状态，从而实现用户对选项的选择和控制。

以上是关于 HTML | DOM 输入复选框值属性的介绍，希望对你有所帮助！