javascript - 如何在 localStorage 中保存复选框状态

Question

我正在为文档管理器设计一个 Web 应用程序，其中有一个“设置”页面，用户可以在其中看到一对复选框，其格式类似于 iPhone 切换按钮。它们可以工作，但是每当用户离开网站或刷新页面时，这些按钮的状态就会重置回默认值。有没有办法使用localStorage保存它们的状态，或者我需要使用cookie？ JavaScript 文件中的编辑(代码如下所示)有两个函数，一个称为saveSettings，另一个loadSettings，但如果我必须这样做这一切都在一个功能中，那么请告诉我。 编辑结束任何帮助都将不胜感激。到目前为止我已经；

localStorage.CheckboxName = $('#CheckboxName').val();

将复选框保存到localStorage并且；

$('#CheckboxName').val(localStorage.CheckboxName);

但它不会保存。我做错了什么吗？

编辑

这是两个复选框的 HTML 代码；

<li style = 'color: #FFFFFF;'>Notifications<span class = 'toggle'><input type = 'checkbox' class = 'toggle' name = 'notifications' id = 'notifications' /></span></li>
<li style = 'color: #FFFFFF;'>Preview<span class = 'toggle'><input type = 'checkbox' class = 'toggle' name = 'preview' id = 'preview' checked = "true" /></span></li>

编辑结束

任何帮助都会很棒，提前致谢x

Answer 1

我不确定，但我一直相信是这样的:

window.localStorage.setItem('CheckboxName', $('#CheckboxName').val());

$('#CheckboxName').val(window.localStorage.getItem('CheckboxName'));