复选框值使用本地存储在页面重新加载时重置

时间:2017-02-06 12:16:07

标签: javascript jquery checkbox

我正在开发一个模块,让用户可以比较不同的产品,每当用户选中与之关联的复选框时,它都会附加到比较框,其网址会更新为例如:compare.php?id=23,43,23,然后在下一个页面解析这些id以获得与那些id相对应的结果,现在当用户使用分页在多个页面上导航或使用Ajax过滤器过滤结果时,我遇到问题,整个复选框url重置为早期url即{{1} }。
现在我想要的是在页面刷新时保持选中的复选框值,我知道我可以通过

来完成
compare.php

但是我不想使用这种方法,这种方法的问题是,我希望将这些复选框存储更长时间或多次浏览会话。
经过大量的谷歌搜索,我发现它可以通过浏览器的本地存储来实现。

所以大家帮我在页面重新加载时使用本地存储保持复选框值。

我的代码是:  HTML

if(isset($_GET['category'])){
    if(in_array($category_row['course_category_name'],$_GET['category']))
        $category_check='checked="checked"';
    else
        $category_check="";
}

编辑:

在将此标记为重复问题之前请仔细阅读完整的问题我知道这与其他问题有某种关系但是如果详细讨论这个问题,你会发现它有所不同,正如我在每个复选框选择中所说的那样我的比较框选中的复选框id和它们的计数及其url得到更新,并在页面重新加载它重置为compare.php和count设置为0,所以我想要做的是存储选定的复选框ID并将比较的方框url放入本地存储

修改 - 2

我能够在使用本地存储重新加载页面之后检索以前选择的项目,在下面的小提示中你们可以清楚地看到网址在每个项目的选择上如何变化,现在唯一的问题是我还想跟踪所选项目的数量并且在整个过程中比较网址,希望您能够理解这里的小提琴问题是链接https://jsfiddle.net/uqcovkfo/13/

0 个答案:

没有答案