function changeCheck() { var checkboxs = document.getElementsByTagName('input'); for (var i = 0; i < checkboxs.length; i++) { if (checkboxs[i].type == 'checkbox') { if (checkboxs[i].checked) { checkboxs[i].checked = false; }else{ checkboxs[i].checked = true; } } } }实现类似该反选功能的全选/全不选功能的函数
时间: 2024-02-14 12:10:45 浏览: 30
你可以使用以下 JavaScript 函数来实现类似于反选功能的全选/全不选功能:
```javascript
function toggleCheck() {
var checkboxs = document.getElementsByTagName('input');
var selectAll = true;
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].type == 'checkbox') {
if (!checkboxs[i].checked) {
selectAll = false;
break;
}
}
}
for (var i = 0; i < checkboxs.length; i++) {
if (checkboxs[i].type == 'checkbox') {
checkboxs[i].checked = !selectAll;
}
}
}
```
这个函数首先遍历页面上所有的`input`元素,如果它是一个复选框,就检查它是否被勾选。如果有任何一个复选框没有被勾选,就将`selectAll`变量设置为`false`,表示不是全选状态。接着,函数再次遍历所有复选框元素,并将它们的选中状态设置为`!selectAll`,即取反全选状态。
你可以将这个函数绑定到一个全选/全不选的按钮上,以便用户可以通过点击该按钮来实现全选/全不选功能。例如,你可以添加以下代码到你的 HTML 页面中:
```html
<input type="checkbox" id="selectAll" onclick="toggleCheck()">全选/全不选
```
这段代码会生成一个带有`id`为`selectAll`的复选框,用户单击该复选框时会触发`toggleCheck()`函数,实现全选/全不选功能。