Не удается сохранить значение радиокнопки в LocalStorage

Question

Я пишу код для хранения информации о пользователе в локальном хранилище. Проблема в том, что не работают только переключатели.

Я протестировал изменение порядка вызывающих функций, но ничего не работает:

function fGnere() {
var rdo = document.querySelector('input[type="radio"]:checked')
localStorage.setItem('genre', rdo.value)
}

Я ожидаю, что значение переключателя будет сохраненовнутри местного хранилища: (

Answer 1

function fGnere() {
    var rdo = document.querySelector('input[name="genre"]').value
    localStorage.setItem('genre', rdo)
}

Используйте имя, чтобы получить элемент и его значение, а затем сохранить его в localStorage

Я использовал здесь имя как «жанр», я думаю, у вас будет несколько переключателей с одинаковым именемдля формирования группы, так что вы можете использовать имя вместо

Answer 2

У вас есть страница, на которую мы можем посмотреть? Возможно, он находится в iframe и

var rdo = document.querySelector('input[type="radio"]:checked')

возвращает ноль.