как сохранить загрузочный тумблер на функцию клика в виде куки

Question

Как сохранить функцию onclick переключателя начальной загрузки в виде файла cookie

Мой HTML-код:

<input type="checkbox" id="toggle-two"></p>

, а javascript для переключателя:

    <script>
      $(function() {
        $('#toggle-two').bootstrapToggle({
          on: 'Received',
          off: 'Not Received'
        });
      })
    </script>

Как я могу сохранить переключатель в виде файла cookie, чтобы при его изменении он оставался таким же, даже если страница перезагружается или я перехожу на другую страницу и снова захожу на страницу.

Answer 1

Вы бы использовали функцию .change с пользовательским setCookie методом Javascript:

function setCookie(name, value, days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}

$("#toggle-two").change(function(){
    if($(this).prop("checked")){
       //Set 'Received'
       setCookie('cookiename', 'Received', 7)
    }else{
       //Set 'Not Received'
       setCookie('cookiename', 'Not Received', 7)
    }
})

Source - Установить cookie и получить cookie с JavaScript