javascript - jQuery cookie 插件 - 在重新加载时设置和检索

Question

我有一组复选框，但我不知道如何创建一个 cookie 来记住在页面重新加载时检查了其中的哪一个。我知道 jQuery cookie 插件，但总的来说，我对 cookie 没有任何经验。任何人都可以帮助我并告诉我如何解决这个问题吗？

 <form>
        <div>
            <input type="checkbox" id="checkAll" checked>
            <label for="checkAll" class="label-header">Check All</label>                 
        </div>
     <div>               
            <input type="checkbox" id="check1" checked>
            <label for="option1">Option 1</label>
        </div>
        <div>                
         <input type="checkbox" id="check2" checked>
            <label for="option2">Option 2</label>
        </div>
        <div>                
            <input type="checkbox" id="check3" checked>
            <label for="option3">Option 3</label>
        </div>      
    </form>

Answer 1

1. 在页面加载时使用默认值创建 Cookie。
2. 当复选框更改时 (onchange)，更新 cookie 的设置。

例如:

在您的文档中。准备好:

Cookies.set('site_currency', currency, { expires: 7, path: '/' });

在您的更改事件中:

Cookies.remove('site_currency', { path: '/' });
Cookies.set('site_currency', currency, { expires: 7, path: '/' });

这个问题在 stackoverflow 上已经被回答过很多次了，我最喜欢的页面充满了许多建议和示例:How do I set/unset cookie ...?