Как хранить несколько флажков с локальным хранилищем

Question

Так что, честно говоря, мне будет сложно объяснить это, поэтому я прошу прощения у продвинутых.В основном я заполняю список флажков с названиями городов.используя ajax.Я хочу разрешить проверку нескольких флажков и сохранять каждое значение флажка в одном ключе в локальном хранилище.Я думаю, это будет выглядеть примерно так в качестве примера в локальном хранилище: город: Нью-Йорк, Лос-Анджелес, Майами.Я перепробовал все, что я знаю, и я даже не знаю, как сформулировать это в Google, так что если кто-нибудь может мне, это было бы здорово.Я опубликую мой код ниже.

- Вот как я сейчас заполняю список флажков:

$ (document) .delegate ("# main", "pagecreate", function () {

    var citySelect = new Array();

    $.ajaxSetup({
        cache: false
    })
    $.ajax({
        url: 'base_city.php',
        data: '',
        isajax: 1,
        dataType: 'json',
        success: function (data) {
            var $city_box = $('#city-selector');

            $city_box.empty();

            for (var i = 0, len = data.length; i < len; i++) {


                $city_box.append("<label for='city_select'><input type='checkbox' name='city_select[]' class='citySelect' value='" + data[i].city + "'>" + data[i].city + "</label>");


            }
        }
    });

});

- Вот как я сейчас храню значения:

<script type="text/javascript">
                function filterForm() {
                var cityNames = $('.city_select').attr('value');
                localStorage.setItem("city2",  JSON.stringify(cityNames));
                window.location = "#main";  
                location.reload();

            }


            </script>

Answer 1

попробуйте заменить

$('.city_select').attr('value');

на

var arr = [];    
$("input[type=checkbox].city_select:checked").each(function(){arr.push(this.value);});