用javascript实现判断checkbox是否被选中
2025-04-27 23:11
JavaScript
84
0
0
0
标题录入
封面图
你可以使用 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> <label><input type="checkbox" id="myCheckbox"> 选择我</label> <button onclick="checkCheckbox()">检查状态</button> <p id="result"></p> <script> function checkCheckbox() { // 获取 checkbox 元素 var checkbox = document.getElementById("myCheckbox"); // 判断 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>` 元素内容。 当你运行这个代码并点击按钮时,页面会根据复选框的状态显示相应的信息。
上一篇:
javascript改变窗口大小及位置
下一篇:
用javascript检查checkbox复选框至少选择一项
标题录入,一次不能超过6条
有一种被监视的感觉?
T:0.013874s,M:245.31 KB
返回顶部
留言
留言
评论