Javascript 使用localStorage维护复选框的选中状态

我正在尝试制作一个没有jQuery的检查表，其中每个复选框的.checked状态都保存在localStorage中，以便在重新启动浏览器甚至计算机时可以对其进行维护

为此，我编写了三个函数：

• saveStatus（）

  ，将所有复选框的当前状态保存到localStorage。通过点击按钮激活

• loadStatus（）

  ，从本地存储加载保存的状态。在body标签中激活onload

• clearAllInputs（）

  ，以清除本地存储。由按钮激活 onclick

对于仅接受（“字符串”、“字符串”）键值对的localStorage，我找不到更好的解决方法

---

当我选中几个复选框并点击save按钮时，它似乎只是刷新页面，所有复选框都未选中。当我点击清除按钮时也会发生同样的事情。

这就是JSON的用武之地。您可以让对象或数组存储复选框的状态。保存到

localStorage

后，在对象上使用

JSON.stringify

将其转换为字符串。然后将该字符串保存到

localStorage

。读取则相反，从

localStorage

读取字符串，然后使用

JSON.parse

将字符串转换回对象或数组，以便在复选框中使用