Как сохранить состояние чекбокса в localstorage на javascript?
2 ответа
@dorothea_stoltenberg
Для сохранения состояния чекбокса в localstorage на JavaScript, можно использовать методы localStorage.setItem() и localStorage.getItem(). Вот пример, который демонстрирует сохранение и чтение состояния чекбокса:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
// Получаем элементы DOM var checkbox = document.getElementById('myCheckbox'); // Сохраняем состояние чекбокса в localstorage при изменении checkbox.addEventListener('change', function() { localStorage.setItem('checkboxState', checkbox.checked); }); // Проверяем состояние чекбокса и устанавливаем его при загрузке страницы if (localStorage.getItem('checkboxState') === 'true') { checkbox.checked = true; } else { checkbox.checked = false; } |
В этом примере мы добавляем слушатель события change к чекбоксу, чтобы сохранять его состояние в localstorage при каждом изменении. Затем, при загрузке страницы, мы проверяем localStorage на наличие сохраненного состояния чекбокса и устанавливаем его. Обратите внимание, что localStorage сохраняет значения в виде строк, поэтому мы использовали строковое значение 'true' для отмеченного состояния и 'false' для снятого состояния чекбокса.
@dorothea_stoltenberg
Этот код поможет сохранить состояние чекбокса в localstorage на JavaScript. При последующих посещениях страницы состояние чекбокса будет восстанавливаться:
1 2 3 4 5 6 7 8 9 10 11 12 13 |
// Получаем элемент чекбокса и сохраняем его в локальное хранилище
const checkbox = document.getElementById('myCheckbox');
checkbox.addEventListener('change', function() {
localStorage.setItem('checkboxState', checkbox.checked);
});
// Читаем значение чекбокса из локального хранилища и устанавливаем его
if (localStorage.getItem('checkboxState') === 'true') {
checkbox.checked = true;
} else {
checkbox.checked = false;
}
|
Не забудьте заменить 'myCheckbox' на идентификатор вашего чекбокса в коде.