我已经将位于 1.html 中的复选框的状态存储在 localStorage 中(可以选中或取消选中)。
在不同的文档 2.html 中,使用 vanilla javascript 我如何知道复选框是否已选中或未选中?
尝试过这个,没有运气:
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);
}
关于javascript - 从本地存储获取复选框状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25647624/