javascript - 将 localStorage.getItem 存储在数组中

Question

我的 HTML 页面上有 6 个复选框。提交表单后，我想在 localStorage 中保存哪些已检查，哪些未检查。这是我的代码:

var getmealpref;
for(var i=0, l=checkboxes.length; i<l;i++)
{
    if(checkboxes[i].checked)
    {
        localStorage.setItem('mealpref',checkboxes[i].value);
        getmealpref[i] = localStorage.getItem('mealpref');
        alert(getmealpref[0])
        okay=true;
    }
}

我认为我试图以错误的方式实现它。有没有为 localStorage.getItem 定义数组的方法？

Answer 1

在存储到 localStorage 之前，您必须序列化非字符串类型。

var checkboxes = document.querySelectorAll('input[type="checkbox"]');
var getmealpref = [];
for(var i=0, l=checkboxes.length; i<l;i++) {
    if(checkboxes[i].checked) {
        getmealpref[i] = checkboxes[i].value;
        localStorage.mealpref = JSON.stringify(getmealpref);
    }
}

// debug
getmealpref = JSON.parse(localStorage.mealpref);
alert(getmealpref[0]);

JSFiddle:http://jsfiddle.net/UD4Bk/2