js checkAll
时间: 2023-07-08 15:06:28 浏览: 56
`checkAll` 是一个 JavaScript 函数,通常用于全选/全不选多个复选框。以下是一个示例实现:
```javascript
function checkAll(checkboxClass, checked) {
var checkboxes = document.getElementsByClassName(checkboxClass);
for (var i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = checked;
}
}
```
其中,`checkboxClass` 是所有复选框共有的 class 名称,`checked` 是一个布尔值,表示是否选中。通过传入不同的参数,可以在 HTML 中调用该函数实现全选/全不选的功能。例如:
```html
<!-- 全选按钮 -->
<input type="checkbox" onclick="checkAll('my-checkbox', true)">
<!-- 全不选按钮 -->
<input type="checkbox" onclick="checkAll('my-checkbox', false)">
<!-- 多个复选框 -->
<input type="checkbox" class="my-checkbox">
<input type="checkbox" class="my-checkbox">
<input type="checkbox" class="my-checkbox">
```
在上面的例子中,当点击全选按钮时,`checkAll('my-checkbox', true)` 会将所有 `class="my-checkbox"` 的复选框选中。当点击全不选按钮时,`checkAll('my-checkbox', false)` 会将它们全部取消选中。