[英]How do I keep the checkbox state for Firefox add-on popup?
我正在尝试基于复选框进行切换。 该复选框仅应在用户切换开关时更改。
这是我的 JavaScript 代码:
var toggle = false;
document.getElementById("toggle").onclick = function () {
if (this.checked == true) {
toggle = true;
document.getElementById("toggleText").textContent = "ENABLED";
browser.browserAction.setIcon({ path: "/icons/icon.png" });
} else {
document.getElementById("toggleText").textContent = "DISABLED";
browser.browserAction.setIcon({ path: "/icons/icon-inactive.png" });
}
};
但是,当我重新打开弹出窗口时,复选框 state 始终设置为未选中。 关于如何实现这一目标的任何想法?
将 state 保存到本地存储。 这是一个简化的示例:
manifest.json:
{
"manifest_version": 2,
"name": "Save states",
"version": "1.0.0",
"browser_action": {
"default_title": "States",
"default_popup": "index.html"
}
}
索引.html:
<html>
<head>
</head>
<input type="checkbox" id="checkbox"> checkbox
<script src="index.js"></script>
</html>
index.js:
const checkboxStorageState = JSON.parse(localStorage.getItem("checkboxStorageState"));
const check = document.getElementById("checkbox");
let currentState = false;
if(checkboxStorageState) {
currentState = checkboxStorageState;
check.checked = currentState;
}
check.onclick = function() {
if(this.checked) {
currentState = true;
}
else {
currentState = false;
}
localStorage.setItem("checkboxStorageState", JSON.stringify(currentState));
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.