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

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

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

试试看，没有运气：

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

和

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

谢谢！

最佳答案

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);
}