javascript - 使用复选框单击更改本地存储中阵列中的信息

Question

我有两个对应 1 到 1 的数组，一个具有类名，一个具有“y”或“n”（如果已被占用）。这两个数组在本地存储中使用 JSON.stringify 转换为字符串，然后在 html 中解析出来。

到目前为止，我已经让它们根据存储在本地存储中的数组进行排序，并填充未采用的 div #classesTaken 和 #classes。我需要的是，当用户单击复选框时，它会进入本地存储内的数组并将“y”切换为“n”或将“n”切换为“y”。然后，当我刷新页面时，它会适当地使用数组。我正在使用 JqueryMobile 来设计应用程序，并在一页中使用多个页面。到目前为止，这是我的代码。

function myFunction() {
    var cn2 = JSON.parse(localStorage.getItem('className'));
    var ct2 = JSON.parse(localStorage.getItem('classTaken'));

    for (var i = 0; i < ct2.length; i++) {
        var info = '<li>' + '<input type="checkbox" class="myCheckbox" id=["a" + i]> <br>' + cn2[i] + ' id# ' + i + '</li>'

        $('#myCheckbox').click(function () {
                if (ct2[i] = "y") {
                    ct2[i] = "n"
                } else {
                    ct2[i] = "y";
                }

            });
        if (ct2[i] == "y") {
            $('#classesTaken').append(info);
        } else {
            $('#classesNotTaken').append(info);
        }
    }
}