Значение cookie изменяется при установке / снятии флажка

Question

У меня есть форма и файл 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});
}

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

Я не знаю, что я делаю неправильно,Вы можете помочь?

Answer 1

так что благодаря @ harsh-metrey, я нашел ответ, я фактически запускал скрипт под нагрузкой:

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

Answer 2

добавить событие в ваш код, например, при нажатии или при изменении, потому что в настоящее время оно запускается только при загрузке.

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