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

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