Javascript 当我选中/取消选中复选框时，Cookie值会发生变化

我有一个表单和一个cookie，它们必须与复选框输入字段的值相同，我希望cookie在我选中/取消选中复选框时更改其值（true/false）

以下是我尝试过的，但似乎不起作用：

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

JSFIDLE：

---

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

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

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

---

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

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

---

多亏了@harsh metrey，我找到了答案，事实上我正在加载脚本：

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

---

多亏了@harsh metrey，我找到了答案，事实上我正在加载脚本：

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

---

当你进入console.log时，你的条件是否已经通过了？是的，我为此编辑了JSFIDLE，但它只通过了第一次，当我选中/取消选中复选框时，@DevHugo的“无事发生”“可能重复”我认为这不是同一个问题。我正在使用jquery cookie插件。当你在里面运行console.log时，你的条件已经通过了吗？是的，我为此编辑了JSFIDLE，但它只是第一次通过，当我选中/取消选中复选框时，@DevHugo的“无事发生”可能重复，我认为这不是同一个问题。我正在使用jquery cookie插件感谢您的评论，事实上，我将使用on change属性。我将发布答案。谢谢你的评论，事实上，我将使用一个关于更改属性的。我会把答案贴出来。