Сохранение значения radio кнопки при перезагрузке страницы

Question

Нужно сохранить значение 'checked' у одной из радио-кнопок. Я попробовал работать с localstorage, но никак не получается это реализовать через JavaScript:

const save = document.getElementsByName('hero');
for (var i = 0; i < save.length; i++) {
  save[i].onclick = function() {
    localStorage.setItem('Radio', this.value);
  }
}
if (localStorage.getItem('Radio')) {
  let Radio = localStorage.getItem('Radio');
  document.querySelector('input[name="hero"][value="' + Radio + '"]').setAttribute('checked', 'checked');
}

<input type="radio" id="bA" name="hero" class="choose"><img src="#" alt="" id="A">
<input type="radio" id="bE" name="hero" class="choose"><img src="#" alt="" id="E">

Answer 1

У Ваших радиокнопок нет value.

Это будет работать, когда Вы пропишете атрибут value:

let Radio = localStorage.getItem('Radio');
if (Radio) {
  let inp = document.querySelector('input[name="hero"][value="' + Radio + '"]');
  if (inp) {
    inp.checked = true;
}

БЛОГ НА HUSL

Сохранение значения radio кнопки при перезагрузке страницы

Ответы (1 шт):