用javascript实现判断checkbox是否被选中

封面图 • 2025-10-18 • JavaScript

你可以使用 JavaScript 来判断一个复选框（checkbox）是否被选中。以下是一个简单的示例代码：

```html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Checkbox Checked Check</title>
</head>
<body>

// 判断 checkbox 是否被选中
            if (checkbox.checked) {
                document.getElementById("result").textContent = "复选框已被选中";
            } else {
                document.getElementById("result").textContent = "复选框未被选中";
            }
        }
    </script>

</body>
</html>
```

### 解释：
1. **HTML部分**：
   - 创建了一个复选框 (`<input type="checkbox">`) 和一个按钮 (`<button>`), 点击按钮时会触发 `checkCheckbox()` 函数。
   - 使用 `<p>` 标签来显示结果。

2. **JavaScript部分**：
   - `document.getElementById("myCheckbox")` 获取了页面中的复选框元素。
   - `checkbox.checked` 是一个布尔值，表示复选框是否被选中。如果为 `true`，说明复选框被选中；否则为 `false`。
   - 根据 `checked` 的值，动态更新页面上的 `<p>` 元素内容。

当你运行这个代码并点击按钮时，页面会根据复选框的状态显示相应的信息。