基本上,我想打开或关闭一个复选框,并将此设置分别保存为 localStorage 项目中的 1 或 0。需要为用户存储设置。
考虑到我有一个 id 为“x”的复选框输入,这个脚本可以完美运行:
$("#x").click(function () {
if (checkboxstore == false) {
alert("Tickbox has been turned on");
localStorage.setItem("checkboxstore", 1);
} else if (checkboxstore == true) {
alert("Tickbox has been turned off");
localStorage.setItem("checkboxstore", 0);
};
});
可悲的是,它只工作一次。页面加载,输入为“关闭”,我单击输入,然后收到警报
“复选框已打开”
并且 localStorage 项“Tickbox”设置为 1。 非常棒。当页面加载并且输入为“打开”时,它的工作方式相反。
但是,就是这样。无论我如何切换输入,尽管刻度发生变化,localStorage 项目都不会更新!无论我是打开还是关闭刻度,我都会不断收到相同的消息,“复选框已打开”。
它仅适用于初始加载或重置 localStorage 值。
为什么是这样?如何在不刷新的情况下让它一遍又一遍地工作?