js判断input[type=checkbox]是否被选中
时间: 2023-08-12 10:54:46 浏览: 66
可以使用JavaScript中的`checked`属性来判断`input[type=checkbox]`是否被选中。以下是一个示例:
```javascript
var checkbox = document.querySelector('input[type="checkbox"]');
if (checkbox.checked) {
console.log("复选框已被选中");
} else {
console.log("复选框未被选中");
}
```
在上述代码中,我们首先使用`document.querySelector`选择器选择到目标复选框元素,然后通过`checked`属性来检查该复选框是否被选中。如果`checked`属性为`true`,则表示复选框已被选中;如果为`false`,则表示复选框未被选中。
相关问题
js input type=checkbox
在 JavaScript 中,可以使用以下方式检查复选框的状态:
1. 通过 `document.getElementById()` 获取复选框元素,例如:
```html
<input type="checkbox" id="myCheckbox">
```
```javascript
var checkbox = document.getElementById("myCheckbox");
```
2. 使用 `checked` 属性检查复选框是否被选中,例如:
```javascript
if (checkbox.checked) {
// 复选框已经被选中
} else {
// 复选框未被选中
}
```
3. 使用 `addEventListener()` 添加事件监听器,例如:
```javascript
checkbox.addEventListener("change", function() {
if (this.checked) {
// 复选框已经被选中
} else {
// 复选框未被选中
}
});
```
注意,如果有多个复选框需要检查,可以使用 `document.querySelectorAll()` 或类似的方法获取所有复选框元素,然后使用循环逐一检查。
jquery 判断 <input class="checkbox" type='checkbox' 是否选中
可以使用 jQuery 的 `prop()` 方法来判断复选框是否选中。示例如下:
```javascript
if ($('.checkbox').prop('checked')) {
console.log('已选中');
} else {
console.log('未选中');
}
```
其中,`$('.checkbox')` 选择器选中了 class 为 `checkbox` 的元素,`prop('checked')` 获取了该元素的 `checked` 属性值,返回 `true` 表示选中,返回 `false` 表示未选中。