如何更改 localStorage 项中的单个值？

Question

我正在尝试更改本地存储中的值。此项是复选框的状态。我希望，每次选中复选框时都将该复选框的值设置为 true 或 false。我尝试了很多方法，直到我意识到不使用 JSON 就无法更改值。

要添加我使用的值：

localStorage.setItem("status-" + i, $status.is(":checked"));

并删除我使用：

var parentId = $this.parent().attr('id');
localStorage.removeItem("'" + parentId + "'");

现在要更改我尝试的值：

$itemList.delegate("#status-" + i, 'click', function(e) {

                var $this = $(this);
                var parentId = this.parent().attr('id');            

                if ($this.is(":checked")) { 

                    localStorage.setItem("'" + parentId + "'".val("fdgsdagf"));
                    // Note that alert here works.

                }
});

这是我的本地存储的样子： 我希望有人能帮助我。我已经研究了几天了......

非常感谢

Answer 1

setItem 采用两个参数：

localStorage.setItem('status-1', "'" + parentId + "'".val("fdgsdagf"));

或更适合您的情况：

localStorage.setItem(parentId, "fdgsdagf");

最佳实践：

localStorage.setItem('key', JSON.stringify(value));
JSON.parse(localStorage.getItem('key'));

这是一个示例：http: //jsfiddle.net/F8sF2/

编辑：从你的小提琴中，你需要更改：

var parentId = this.parent().attr('id');    

更新

var parentId = $this.attr('id');    

http://jsfiddle.net/CC5Vw/1/

Answer 2

试试这个

localStorage.setItem(parentId, "fdgsdagf");

localStorage 只是 JavaScript 对象，您可以将它们视为关联数组。所以你可以像这样使用它们。

设置值

localStorage[parentId] = "fdgsdagf";

获取值

var status = localStorage[parentId];