javascript - 如果更改了复选框的状态，它可以永久保存在页面上吗？

Question

如果复选框被选中/取消选中，我想将其状态永久保存在页面上。我尝试这样:

function saveState() {
        document.getElementById($(this).parent().attr('id')).innerHTML = '<input type="checkbox" checked onclick="saveState.call(this)">'
    }

和

<td id="test"> <input type="checkbox" onclick="saveState.call(this)"> </td>

但是在页面刷新之后，这个变化就被遗漏了。

Answer 1

您有两个选项可以让数据在页面加载期间保持不变:

1. 保存在服务器端
2. 在客户端保存

使用本地存储是最快的客户端选项:

localStorage.setItem("state", saveState()); // save
localStorage.getItem("state") // get