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

标签 javascript html checkbox local-storage

我正在尝试不使用jQuery制作一个 list ,其中每个复选框的.checked状态都保存在localStorage中,以便在浏览器甚至计算机重新启动时可以维护它。

Fiddle

为了实现这一目标,我编写了三个函数:

  • saveStatus(),将所有复选框的当前状态保存到 localStorage。通过单击按钮激活。
  • loadStatus(),从 localStorage 加载保存的状态。在 body 标记中激活 onload。
  • clearAllInputs(),清除本地存储。通过按钮激活 单击。

对于仅接受(“String”,“String”)键值对的 localStorage,我找不到更好的解决方法。

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

最佳答案

这就是 JSON 的用武之地。您可以使用对象或数组来存储复选框的状态。保存到 localStorage 后,对对象使用 JSON.stringify 将其转换为字符串。然后将该字符串保存到 localStorage。读取则相反,从 localStorage 读取字符串,然后使用 JSON.parse 将字符串转回对象或数组以在复选框上使用。

关于javascript - 使用 localStorage 维护复选框的选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27088170/

相关文章:

Rails 应用程序 user_mailer 中的 HTML 与文本

javascript - javascript 函数参数在幕后是如何工作的

JavaScript 错误 : Uncaught TypeError: Cannot set property 'value' of null

html - 使用 CSS 使网格中的每个正方形在悬停时改变颜色

html - Safari 中的布局问题

jquery - 激活/停用独特的图像(图标)而不是复选框

jquery - 如何使用jquery检查当前表单中的所有复选框?

android - 如何将列表中的所有复选框 'check' 改为 'check' 单个复选框?

javascript - 为什么我的 JavaScript 函数没有填充我的数组?

javascript - 对于 google places API 中的英语本地化