[英]How do I store multiple check boxes with local storage
So, to be honest I am going to have a hard time explaining this so I apologize in advanced. 因此,老实说,我将很难解释这一点,因此我向高级致歉。 Basically I am populating a list of checkboxes with the names of cities. 基本上,我正在使用城市名称填充复选框列表。 using ajax. 使用ajax。 What I want to do is allow multiple checkboxes to be checked and store each checkbox value in one single key in local storage. 我要做的是允许选中多个复选框,并将每个复选框的值存储在本地存储中的一个键中。 I guess it would look something like this as an example in local storage: city: new york,Los Angeles,Miami. 我想它看起来像这样,例如在本地存储中:城市:纽约,洛杉矶,迈阿密。 I have tried everything I know and I don't even know how to phrase it in google so if anyone could me that would be great. 我已经尝试了我所知道的一切,而且我什至都不知道如何在google中用语表达,所以如果有人可以的话,那会很棒。 Ill post my code below. 请在下面张贴我的代码。
--This is how I am currently populating the checkbox list: -这是我当前填充复选框列表的方式:
$(document).delegate("#main", "pagecreate", function () { $(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>");
}
}
});
});
--This is how I am currently storing the values: -这是我当前存储值的方式:
<script type="text/javascript">
function filterForm() {
var cityNames = $('.city_select').attr('value');
localStorage.setItem("city2", JSON.stringify(cityNames));
window.location = "#main";
location.reload();
}
</script>
try to replace 尝试更换
$('.city_select').attr('value');
by 通过
var arr = [];
$("input[type=checkbox].city_select:checked").each(function(){arr.push(this.value);});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.