Question

我正在使用以下代码来保存我的复选框的状态并且它可以工作但是当页面关闭并重新打开时它不会保持点击按钮。

$(function () {
    var checkbox = $('#cabOptions').find(':checkbox'), checkboxCookieName = 'checkbox-state';
    checkbox.each(function () {
        $(this).attr('checked', $.cookie(checkboxCookieName + '|' + $(this).attr('name')));
    });

    checkbox.click(function () {
        $.cookie(checkboxCookieName + '|' + $(this).attr('name'), $(this).prop('checked'), {
            expires: 365
        });
    });
});

Answer 1

尝试

$(function () {
    var checkbox = $('#cabOptions').find(':checkbox'),
        checkboxCookieName = 'checkbox-state';
    checkbox.each(function () {
        $(this).prop('checked', $.cookie(checkboxCookieName + '|' + this.name));
    });

    checkbox.button()

    checkbox.change(function () {
        if (this.checked) {
            $.cookie(checkboxCookieName + '|' + this.name, this.checked, {
                expires: 365
            });
        } else {
            $.removeCookie(checkboxCookieName + '|' + this.name);
        }
    });
});

演示：Fiddle

Jquery cookie复选框按钮刷新

1 个答案: