javascript - 当我选中/取消选中复选框时，Cookie值更改

我有一个表单和一个cookie必须与复选框输入字段的值相同，我希望cookie在选中/取消选中复选框时更改其值（true/false）。
这是我试过但似乎不管用的：

<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/
我不知道我做错了什么，你能帮忙吗？

最佳答案

向代码中添加一个事件，比如单击或更改，因为当前它只在加载时运行。

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});
        }
}
});