jquery判断多个复选框选中
时间: 2023-08-12 12:29:13 浏览: 146
如果需要判断多个复选框是否被选中,可以使用 jQuery 的 `each` 函数遍历所有的复选框,然后判断每一个复选框的选中状态。具体实现代码如下:
```javascript
var isChecked = true;
$('input[type="checkbox"]').each(function() {
if (!$(this).prop('checked')) {
isChecked = false;
return false; // 如果有一个复选框未被选中,就退出 each 循环
}
});
if (isChecked) {
// 所有复选框都被选中
} else {
// 有一个或多个复选框未被选中
}
```
上面的代码使用了一个布尔型变量 `isChecked` 来记录所有复选框的选中状态。首先使用 `$()` 函数获取所有的复选框,然后使用 `each` 函数遍历所有复选框。在遍历过程中,如果发现有一个复选框未被选中,就将 `isChecked` 变量设置为 `false`,并且使用 `return false` 退出 `each` 循环。最后根据 `isChecked` 变量的值判断所有复选框的选中状态。
相关问题
jquery判断多个复选框选中可以用has(":checked")吗
是的,你可以使用 `has(":checked")` 方法来判断多个复选框是否被选中。该方法可以筛选出所有被选中的复选框,如果返回的长度等于所有复选框的数量,那么就说明所有复选框都被选中。具体实现代码如下:
```javascript
if ($('input[type="checkbox"]').length == $('input[type="checkbox"]').has(":checked").length) {
// 所有复选框都被选中
} else {
// 有一个或多个复选框未被选中
}
```
上面的代码先使用 `$()` 函数获取所有的复选框,然后使用 `length` 属性获取复选框的数量。接着使用 `has(":checked")` 方法筛选出所有被选中的复选框,再使用 `length` 属性获取筛选结果的长度。如果筛选结果的长度等于复选框的数量,则说明所有复选框都被选中。
阅读全文