Question

我正在尝试将用户选择的项目保存在Cookie上，当他们在另一个页面上导航或刷新页面时，他们会保存其首选项。所选项目也在不同的DOM元素上进行克隆，我不确定我是否正在顺从。目前，我只能保存一个项目，我希望能够保存多个项目。

JAVASCRIPT

jQuery(document).ready(function() {

    var cookieName = 'franchiseSelected',
        cookieOptions = {expires: 7, path: '/'};

    $('input[name="' + $.cookie(cookieName) + '"]').attr("checked","checked").parent('li').clone().appendTo("#selected_items");

    $("input[type=checkbox]").click(function() {
        // $("#" + $.cookie(cookieName)).removeClass("selectedLanguage");
        $.cookie(cookieName, $(this).attr('value'), cookieOptions);
        $("#" + $.cookie(cookieName)).addClass("selectedLanguage");
        $(this).parent('li').clone().appendTo("#selected_items")
    });

});

HTML

<h2>Select Item</h2>
<ul class="items">

    <li> <input name="dog" value="dog" type="checkbox" /> <span>Dog</span> </li>   
    <li> <input name="cat" value="cat" type="checkbox" /> <span>Cat</span> </li>   
    <li> <input name="bird" value="bird" type="checkbox" /> <span>Bird</span> </li>   
    <li> <input name="donkey" value="donkey" type="checkbox" /> <span>Donkey</span> </li>   

</ul>

<br>
<h2>Selected Items</h2>
<ul id="selected_items"></ul>

请看我的小提琴：http://jsfiddle.net/Eh22C/

Answer 1

您可以通过在一个cookie中存储更多值（使用数组或其他内容），或使用具有不同值的多个Cookie来执行此操作。

这是如何在cookie中存储/获取数组：Click me

在cookie上保存多个选定的项目

1 个答案: