var getCheckBox = document.getElementsByClassName('checkbox');
var i = 0;
function selectAll(SelectAllCheckBox){
if (SelectAllCheckBox.checked) {
while (i < getCheckBox.length){
getCheckBox[i].checked = true;
i++
}
}
else{
while(i < getCheckBox.length){
getCheckBox[i].checked = false;
i++
}
}
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Select All Checks</title>
</head>
<body>
<label><input type="checkbox" onchange="selectAll(this)">Select All</label><br><br>
<div>
<label><input type="checkbox" class="checkbox">checkbox 1</label><br>
<label><input type="checkbox" class="checkbox">checkbox 2</label><br>
<label><input type="checkbox" class="checkbox">checkbox 3</label><br>
<label><input type="checkbox" class="checkbox">checkbox 4</label><br>
<label><input type="checkbox" class="checkbox">checkbox 5</label><br>
<label><input type="checkbox" class="checkbox">checkbox 6</label><br>
</div>
</body>
</html>大家好，我发现上面的代码用于选择所有复选框并选择所有复选框，代码正在运行，但是当我取消选择所有复选框时，代码停止运行，并且在控制台中也没有显示任何错误。
请帮助我
最佳答案
您应该使用 i 作为局部变量而不是全局变量，因为根据您的函数，您需要每次使用 0 定义 i > 值。
var getCheckBox = document.getElementsByClassName('checkbox');
function selectAll(SelectAllCheckBox) {
var i = 0;
if (SelectAllCheckBox.checked) {
while (i < getCheckBox.length) {
getCheckBox[i].checked = true;
i++
}
} else {
while (i < getCheckBox.length) {
getCheckBox[i].checked = false;
i++
}
}
}<label><input type="checkbox" onchange="selectAll(this)">Select All</label><br><br>
<div>
<label><input type="checkbox" class="checkbox">checkbox 1</label><br>
<label><input type="checkbox" class="checkbox">checkbox 2</label><br>
<label><input type="checkbox" class="checkbox">checkbox 3</label><br>
<label><input type="checkbox" class="checkbox">checkbox 4</label><br>
<label><input type="checkbox" class="checkbox">checkbox 5</label><br>
<label><input type="checkbox" class="checkbox">checkbox 6</label><br>
</div>关于javascript - 选择全部不取消选择所有复选框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43493062/