从本地存储中获取复选框状态

Question

我已经将位于 1.html 中的复选框的状态存储在 localStorage 中（可以选中或取消选中）。

在不同的文档 2.html 中，使用 vanilla javascript 我如何知道复选框是选中还是未选中？

试过了，没有运气：

if localStorage.getElementById("my_checkbox").checked {
    alert("checked") ;
}

和

if localStorage.getItem("my_checkbox").checked {
    alert("checked") ;
}

谢谢！

Answer 1

LocalStorage 仅存储字符串值，因此您首先需要获取它：

var storedValue = localStorage.getItem('myCheckbox');

然后判断true的值是否被保存：

if(storedValue /* need to check for undefined */ && storedValue === 'true'){
    alert('checked');
}

但是，我建议存储一个字符串化对象并对其进行解析，而不是处理字符串。这样的事情应该让你开始：

// set data:
var lsData = {};
lsData.myCheckbox = documnent.getElementById("my_checkbox").checked;
var stringifiedData = JSON.stringify(lsData);

localStorage.setItem('lsData', stringifiedData);

// get data:
var dataToParse = localStorage.getItem('lsData');
if(dataToParse){
    var lsData = JSON.parse(dataToParse);
    alert(lsData.myCheckbox);
}