js判断复选框是否选中
时间: 2023-07-15 20:10:38 浏览: 218
可以使用 JavaScript 的 `checked` 属性来判断复选框是否被选中。该属性返回一个布尔值,如果复选框被选中则为 true,否则为 false。
例如,假设你有一个复选框的 HTML 代码如下:
```
<input type="checkbox" id="myCheckbox">
```
你可以通过以下代码来判断它是否被选中:
```
var checkBox = document.getElementById("myCheckbox");
if (checkBox.checked) {
// do something if the checkbox is checked
} else {
// do something else if the checkbox is not checked
}
```
相关问题
js判断checkbox是否选中
可以通过以下方式来判断checkbox是否选中:
1. 通过JavaScript获取checkbox元素:可以使用`document.getElementById()`或者`document.querySelector()`方法获取checkbox元素。
2. 判断是否选中:通过`checked`属性来判断是否选中,如果选中则返回`true`,否则返回`false`。
下面是一个示例代码:
```html
<label>
<input type="checkbox" id="myCheckbox">
是否选中
</label>
<button onclick="check()">点击检查</button>
<script>
function check() {
var checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
alert("已选中");
} else {
alert("未选中");
}
}
</script>
```
在上面的示例中,当点击“点击检查”按钮时,会调用`check()`函数来检查checkbox是否选中。如果选中则弹出“已选中”,否则弹出“未选中”。
js 判断checkbox是否选中
可以使用以下方法来判断checkbox是否被选中:
1. 使用 `document.getElementById()` 获取checkbox元素,然后使用 `checked` 属性来判断是否选中。
```javascript
var checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
// checkbox被选中了
} else {
// checkbox未被选中
}
```
2. 使用 `document.querySelector()` 获取checkbox元素,然后使用 `:checked` 伪类来判断是否选中。
```javascript
var checkbox = document.querySelector("#myCheckbox:checked");
if (checkbox) {
// checkbox被选中了
} else {
// checkbox未被选中
}
```
注意,在第二种方法中,使用 `querySelector()` 选择元素时需要在选择器字符串中使用 `:checked` 伪类来匹配被选中的checkbox。