Javascript 在cookie上保存多个选定项

当用户在另一个页面上导航或刷新正在保存其首选项的页面时，我尝试将用户选择的项保存在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>

选择项目

狗
猫
鸟
驴子



选定项目

---

请看这里的my fiddle:

您可以通过在一个cookie中存储更多的值（使用数组或其他方法），或者使用具有不同值的多个cookie来实现这一点

---

这是如何在cookies中存储/获取数组：

您需要在cookie中存储数组，然后在需要时调用数组项。