javascript - 未捕获的类型错误 : Cannot read property 'checked' of Undefined

Question

所以，我正在制作一个进度条，它显示选中的复选框的数量。但出现错误“未捕获类型错误:无法读取未定义的属性‘检查’”。我一直在尝试一切，但错误仍然存​​在。这是我的 JS 文件:

function updateProgress() {
      var i = 0;
      var checkAmt = 0;
      var checkedAmt = 0;
      while (i <= document.getElementsByClassName("gun-check").length) {
      if (document.getElementsByClassName("gun-check")[i].checked == "true") {
             checkAmt = checkAmt + 1;
        } 
        i = i + 1;
      }
    document.getElementById("progress-fill").style.width = (100 / 31) * checkAmt + "%";
    if ((100 / 31) * checkAmt > 5) {
        document.getElementById("progress-text").innerHTML = (100 / 31) * checkAmt + "%"; 
    }
}

请帮忙!

Answer 1

问题在于，当i等于document.getElementsByClassName("gun-check").length时，索引就会越界。

更改此行:

while (i <= document.getElementsByClassName("gun-check").length) {

对此:

while (i < document.getElementsByClassName("gun-check").length) {

<小时/>

此外，正如 @HuyNguyen 在评论中指出的那样，在检查 document.getElementsByClassName("gun-check")[i].checked 的 bool 值时，您应该对照 true ( bool 值)，而不是 "true" (字符串)。