當我選中/取消選中復選框時，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});
        }
}
});

Answer 2

因此，感謝@ harsh-metrey，我找到了答案，實際上我是在加載時運行腳本的：

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