以下のjquery関数を使用して、チェックボックスのCookieを設定できます。値をCookieに読み込むためにマップ関数を使用していますが、Cookieは自動的に保存されます。
しかし、ページの更新時にCookieを読み取ってチェックボックスの値を設定することができません。Cookieの値に基づいてチェックボックスをオン/オフに設定する必要があります。前もって感謝します。
HTMLコード
<input type="checkbox" id="Option1" name="Option1" />
<input type="checkbox" id="Option2" name="Option2" />
<input type="checkbox" id="Option3" name="Option3" />
<input type="checkbox" id="Option4" name="Option4" />
<input type="checkbox" id="Option5" name="Option5" />
Jqueryの部分
var $checkboxes;
//set the cookie
function setcookie() {
var options= $checkboxes.map(function() {
if (this.checked) return this.name;
}).get().join(',');
$.cookie('new_cookie', options);
}
$(function() {
$checkboxes = $('input:checkbox').change(setcookie);
});