当我选中/取消选中复选框时，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});
}

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

Answer 2

所以多亏了 @harsh-metrey，我找到了答案，我实际上是在加载时运行脚本：

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