下一页的javascript/jquery安全选择项

我有问题,找不到方法… 我在每个网站上都有30个项目。

用户可以选择一个、两个或多个(或全部)并转到下一个页面,选择下一个页面(最多30个)并转到下一个页面,如果需要,必须可以选择更多。

当他在下一页什么的时候,我如何保存类为“active”的、我在cookie或其他东西中有这个的项?

他做完后,我有一个按钮,我必须在那里读出所有选中的项目。

这是项目的外观(我的HTML)

<div id="items">
  <label class="item active" data-itemid="12345">Item1</div>
  <label class="item" data-itemid="12345">Item2</div>
  <label class="item" data-itemid="12345">Item3</div>
</div>

如果有人单击某个项目,类操作将添加到他单击的标签中。就像第一个。

这是我的尝试

var items = [];
$('#items .active').each(function(i, obj) {
     items.push($(this).data('itemid'));
});
app.setcookie('itemselected', JSON.stringify(items));

它用活动类保存每一个,但问题是,当我转到下一个站点时,他删除第一个站点上选择的所有内容,并用当前站点中选择的每个(活动)项覆盖…

饼干看起来像 12345, 123456, 1234567 没关系,但当我转到第2页开始选择/激活下一个项目,然后覆盖我的旧项目时

而且,当他取消选择一个项时,必须从数组/cookie中删除该项ID。

// Save Local Data var items = []; $('#items .active').each(function(i, obj) { items.push($(this).data('itemid')); }); localStorage.setItem("active_items", JSON.stringify(items)); // retrieve data var localData = localStorage.getItem("items"); if (localData){ items = JSON.parse(localData); }