javascript - 当我选中/取消选中复选框时 Cookie 值发生变化

Question

我有一个表单和一个 cookie，它们必须具有与复选框输入字段相同的值，我希望 cookie 在我选中/取消选中复选框时更改其值(真/假)。

这是我尝试过的方法，但它似乎不起作用:

<input id="checkbox1" type="checkbox" name="performance" value="checked" checked="checked"> checkbox number 1

if ($('input#checkbox1').is(':checked')) {
  $.cookie('cookie1', 'true', { expires: 60});
} else {
  $.removeCookie("cookie1");
  $.cookie('cookie1', 'false', { expires: 60});
}

jsFiddle:https://jsfiddle.net/kdfhb4n9/6/

我不知道我做错了什么，你能帮忙吗？

Answer 1

向您的代码添加一个事件，例如点击或更改，因为目前它仅在加载时运行。

function check(){
    if ($('input#checkbox1').is(':checked')) {
        console.log("true inside");
             $.cookie('cookie1', 'true', { expires: 60} );
            }
            else
            {
            console.log("false");
                $.removeCookie("cookie1");
                $.cookie('cookie1', 'false', { expires: 60});
        }
}
});