Как оставлять check box включенным, после перезагрузки страницы?

Question

[Mark]

Как оставлять checkbox включенными, после перезагрузки страницы? При нормальных абставин все check box при перезагрузци страницы принимают значение false, то есть становятся не активны, как сделать так, чтобы даже после перезагрузки страницы, check box оставался активным?

Answer 1

[Роман]

Еще можно хранить состояние чекбоксов в локалсторадже.

Comments

[Mark]

Ок, спасибо за помощь, но есть одна проблема, если значение чекбокс поменять с true на false, а затем перезапустить страницу check box снова станет активным

[Роман]

Всегда пожалуйста.

ЗЫ: минус данного подхода в том, что перейдя на другую машину, даже под своей учеткой человек не увидит отмеченных им чекбоксов. Это же касается и сохранением в куках. Чтобы это избежать, сохраняйте состояние в БД на сервере с привязкой к учетке пользователя.

[Mark]

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

[Роман]

Mark Sikr, исправил, тестируйте)))

Обновите страничку с зажатым шифтом или нажмите на клавиатуре [crtl]+[r] чтобы загрузилась обновленная версия скрипта

[Mark]

Роман, Большое спасибо за вашу помощь!

[Роман]

Mark Sikr, не за что

[Mihard_two]

Роман, Самый развернутый, четкий, правильный и гибкий ответ в сети. Спасибо!

Answer 2

[Петр]

Как вариант, писать в куки текущее состояние и при перезагрузке страницы брать значения из них.

Comments

[Mark]

На js или jQuery возможно реализовать? Без использования Node.js .

[Шохрух Шаймардонов]

Mark Sikr, да. Куки, локалстораж, сешн стораж и индэксд бд это апи фронта

[Mark]

Шохрух Шаймардонов, пробовал с LocalStorage, но почему-то не работает
https://codepen.io/marki1404/pen/wLMRJJ

[Шохрух Шаймардонов]

Mark Sikr, так вы пытаетесь в бэкграунд записать вместо переменной color записать строку color.

Answer 3

[Mesuti]

О куках на jQuery
https://codernote.ru/jquery/rabota-s-cookies-na-jquery/

<script type="text/javascript" src="http://yoursite.ru/js/jquery.cookie.js"></script>
$.cookie('name', 'value');

Answer 4

[Dima Polos]

Такое обычно решают на стороне сервера, когда в разметку прописывается атрибут/свойство checked. Если на js - можно использовать localStorage, а можно в начале скрипта запустить цикл по инпутам и задать им properties - checked.

Comments

[Mark]

https://codepen.io/marki1404/pen/wLMRJJ
Я попробовал с LocalStorage но ничего почему-то не работает