复选框问题 - 无法设置null的属性（设置＆＃x27; checked＆＃x27;）

Question

大家好的一天，我目前在以下代码中面临一些问题。基本上，我想通过使用我存储在LocalStorage的键值对值来检查复选框，因此在重新加载时应检查复选框（具有键值对的复选框）。但是，我一直遇到这个错误。 我尝试使用window.onload，但它不起作用。还有其他解决方案。请让我知道我的代码是否有任何问题。谢谢您的

错误

Cannot set properties of null (setting 'checked')

HTML代码：

<div style="color: #005e95">
        <input type="checkbox" id="checkboxFullDownload" data-dojo-attach-event="onClick: _test" style="cursor: pointer;"  >
        Full Download
      </div>

JS代码：

_test: function() {
  let checkBox = document.getElementById("checkboxFullDownload");

  if (checkBox.checked) {
    console.log("Checked");
    localStorage.setItem(`${xmlTitle} ID:${this.item._id}`, "AllowFullDownload");
    checkBox.checked = true;
  }

  if (!checkBox.checked) {
    console.log("Unchecked");
    localStorage.removeItem(`${xmlTitle} ID:${this.item._id}`);
    checkBox.checked = false;
  }
}
if (localStorage.getItem(`${xmlTitle} ID:${_test.item._id}`) === "AllowFullDownload") {
    checkBox.checked = true;
    console.log("set to true");
}

Answer 1

让关键字是块范围，一旦在该范围之外无法访问范围内声明。

在您的情况下，让关键字位于_test的范围：function（）{}。通过将其移到外面将完成工作。

let checkBox = document.getElementById("checkboxFullDownload");
_test: function() {
  if (checkBox.checked) {
    console.log("Checked");
    localStorage.setItem(`${xmlTitle} ID:${this.item._id}`, "AllowFullDownload");
    checkBox.checked = true;
  }

  if (!checkBox.checked) {
    console.log("Unchecked");
    localStorage.removeItem(`${xmlTitle} ID:${this.item._id}`);
    checkBox.checked = false;
  }
}
if (localStorage.getItem(`${xmlTitle} ID:${_test.item._id}`) === "AllowFullDownload") {
    checkBox.checked = true;
    console.log("set to true");
}