无法在LocalStorage中保留单选按钮的值

Question

我正在编写代码以将用户信息存储在本地存储中。 问题在于只有单选按钮不起作用。

我已经测试了更改调用函数的顺序，但没有任何效果：

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

我希望单选按钮的值存储在本地存储中：（

Answer 1

您有我们可以浏览的页面吗？可能是因为它位于iframe和

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

返回null。

Answer 2

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

使用名称获取元素及其值，然后将其存储在localStorage中

我在这里使用名称作为“流派”，我想您会使用多个具有相同名称的单选按钮来组成一个小组，因此您可以改用该名称