如何更改本地存储中复选框的单个值？

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.

                }
});

这是我的本地存储的样子： 我希望有人能帮助我。我已经为此工作了几天了... 这是一个小提琴： http://jsfiddle.net/CC5Vw/7/

非常感谢

Answer 1

看看这个： http://jsfiddle.net/Rh4Au/6/ 效果很好..

更改http://jsfiddle.net/CC5Vw/7/ 到 http://jsfiddle.net/Rh4Au/6/

---

第 30 行：

+ "

”
i 更改为 j 因为 i 是长度，j 是迭代器。

---

第 34 行后插入：

    var tempasd = orderList[j].split("-")[1];
    if(localStorage.getItem("status-"+tempasd) == "true") {
        $("#status-"+j).get(0).checked = true
    }
    else {
        $("#status-"+j).get(0).checked = false
    }
}

代码从 localStorage 加载数据并选中选中的复选框。
tempasd 是一个临时变量，存储复选框的当前 ID 编号（因为它们并不总是升序。

---

从第 99 行更改为 117：

// ON STATUS CLICK   
console.log('i=',i,' j=',j, 'k=',k);


$itemList.delegate("#status-" + i, 'click', function(e) {  // ON CLICK
    var $this = $(this);
    var parentId = $this.attr('id');    
       
    if ($this.is(":checked")) {


        console.log('set ', parentId, 'to foo');
        localStorage.setItem(parentId, 'foo');
    //            localStorage.setItem("'" + parentId + "'".val("fdgsdagf"));
    //            localStorage.setItem($this.parent().attr('checked', true)); 
    //            window.location = "http://mail.aol.com"
    }

});

我

// ON STATUS CLICK   
console.log('i=',i,' j=',j, 'k=',k);
var tempxx;
for(tempxx = 0;tempxx < j; tempxx++) {
$itemList.delegate("#status-" + tempxx, 'click', function(e) {  // ON CLICK
    var $this = $(this);
    var parentId = $this.parent().parent().attr('id').split("-")[1];   


    

        console.log('set ', parentId, 'to foo');
        localStorage.setItem("status-"+parentId, $this.is(":checked"));
//            localStorage.setItem("'" + parentId + "'".val("fdgsdagf"));
//            localStorage.setItem($this.parent().attr('checked', true)); 
//            window.location = "http://mail.aol.com"

   
});

}

需要循环，因为它需要将事件委托给每个复选框，并且当未选中时，事件必须将 localStorage 设置为 false

顺便说一句，.parent().parent() 是不必要的。现在因为我固定在第 30 行。