javascript - チェックボックスをクリックして、ローカルストレージの配列の情報を変更する

Question

1 対 1 で対応する 2 つの配列があります。1 つはクラス名、もう 1 つは "y" または "n" (取得されている場合) です。これら 2 つの配列は、ローカル ストレージで JSON.stringify を使用して文字列に変換され、html で解析されます。

これまでのところ、ローカル ストレージに格納されている配列に基づいて並べ替え、#classesTaken と #classes not take という div を設定するようにしました。私が必要とするのは、ユーザーがチェックボックスをクリックすると、ローカルストレージ内の配列に入り、「y」から「n」または「n」から「y」に切り替わることです。次に、ページを更新すると、配列が適切に再ソートされます。私は JqueryMobile を使用してアプリケーションを設計しており、1 つのページで複数のページを使用しています。これはこれまでの私のコードです。

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);
        }
    }
}