js 判断checkbox是否选中
时间: 2023-09-10 07:04:52 浏览: 202
可以使用以下方法来判断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。
相关问题
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是否选中。如果选中则弹出“已选中”,否则弹出“未选中”。
判断checkbox是否选中
可以通过以下代码来判断一个checkbox是否被选中:
HTML:
```html
<input type="checkbox" id="myCheckbox" />
<label for="myCheckbox">My Checkbox</label>
```
JavaScript:
```javascript
var myCheckbox = document.getElementById("myCheckbox");
if(myCheckbox.checked) {
console.log("Checkbox is checked.");
} else {
console.log("Checkbox is not checked.");
}
```
当checkbox被选中时,`myCheckbox.checked` 的值为 `true`,否则为 `false`。
阅读全文