JS判断是否选中chekbox
时间: 2023-05-29 18:04:02 浏览: 306
可以使用JavaScript来判断是否选中checkbox,具体做法如下:
1. 获取checkbox元素:可以通过getElementById()或者querySelector()等方法获取到checkbox元素。
2. 判断是否选中:通过checkbox元素的checked属性来判断是否选中,如果checked属性为true,则表示选中,否则表示未选中。
示例代码如下:
```html
<input type="checkbox" id="myCheckbox">
<button onclick="check()">Check</button>
<script>
function check() {
var checkbox = document.getElementById("myCheckbox");
if (checkbox.checked) {
alert("Checkbox is checked!");
} else {
alert("Checkbox is not checked!");
}
}
</script>
```
在上面的示例中,当点击Check按钮时,会调用check()函数来判断是否选中myCheckbox元素。如果选中,则弹出“Checkbox is checked!”的提示框,否则弹出“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。