📅 最后修改于: 2023-12-03 15:16:09.301000 🧑 作者: Mango
在 JavaScript 中，可以使用 checked 属性来切换复选框的选择状态。本文将介绍如何使用 JavaScript 切换复选框的选择状态，并提供一个简单的示例。
要切换复选框的选择状态，可以使用以下代码：
checkbox.checked = !checkbox.checked;
以上代码将获取复选框元素 checkbox 的 checked 属性值并取反，然后将取反后的值赋值给 checked 属性。
以下是一个简单的示例，演示如何在点击按钮时切换复选框的选择状态：
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 切换复选框的选择状态</title>
</head>
<body>
<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">选择</label>
<br><br>
<button onclick="toggleCheckbox()">切换选择状态</button>
<script>
function toggleCheckbox() {
var checkbox = document.getElementById("myCheckbox");
checkbox.checked = !checkbox.checked;
}
</script>
</body>
</html>
以上代码中，有一个复选框和一个按钮。当点击按钮时，将调用 toggleCheckbox() 函数。该函数将获取复选框元素 myCheckbox，并使用上面介绍的方法切换其选择状态。
使用 checked 属性可以在 JavaScript 中轻松切换复选框的选择状态。上面的示例演示了如何切换复选框状态，可以帮助您更好地理解。