複数のチェックボックスをローカルストレージに保存する方法

Question

正直言って、これを説明するのは難しいので、私は進んでお詫び申し上げます。 基本的には、チェックボックスのリストに都市の名前を入力しています。 ajaxを使って私がしたいのは、複数のチェックボックスをチェックして、各チェックボックスの値をローカルストレージの1つのキーに格納することです。私はそれが地元のストレージの例としてこのように見えると思う：都市：ニューヨーク、ロサンゼルス、マイアミ。私は私が知っているすべてを試して、誰かが私にそれが偉大になることができれば私はそれをグーグルでそれをフレーズする方法を知らない。悪い私のコードを下記に投稿してください。

- このは、私は現在、チェックボックスのリストを移入しています方法です：

$（文書）.delegate（ "＃メイン"、 "pagecreate"、機能（）{

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

TR要素が実際にページに挿入して存在しているの後にあなたはもちろんfilterForm機能を実行している

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