Как сохранить выбранные checkbox после перезагрузки страницы?

Question

[Barinn]

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

Пробовал реализовать через LocalStorage, но что-то идёт не так, и после перезагрузки выбранные даты пропадают.

Мой код:
https://codepen.io/mal48813/pen/PrMbYQ

Answer 1

[Антон Спирин]

Пробовал реализовать через LocalStorage, но что-то идёт не так, и после перезагрузки выбранные даты пропадают.

Неправильно пробовали. Пробуйте еще раз.

При выборе даты:
1. Занести значение в localStorage

При инициализации:
1. Проверить наличие сохраненной даты в localStorage
2. При наличии, обновить календарь.

Мой код

И где тут использование loacalStorage?

Comments

[Barinn]

Добавил код с localstorage

Answer 2

[Stalker_RED]

Сейчас у вас успешно записывается checked=true в localStorage, но только для первого чекбокса.
При старте вы его проверяете, но присваиваете атрибуту checked какую-то ерунду и не меняете класс отображаемой ячейки.

Comments

[Barinn]

Убрал display: none с input и увидел, что checkbox успешно работает при перезапуске, но как добавить стили к label и сохранить их при перезапуске? Те стили, что добавляются классом active.

[Barinn]

Нашёл ошибку и решение:)