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

【问题标题】：Can't Persist Radio Button value in LocalStorage无法在 LocalStorage 中保留单选按钮值
【发布时间】：2020-02-05 04:00:06
【问题描述】：

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

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

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

我希望单选按钮的值存储在本地存储中:(

【问题讨论】：

欢迎来到 Stack Overflow。那么您收到的错误消息是什么？
rdo.value 输出什么？你能console.log吗
没有错误信息，问题是localstore中根本不存在该值
它输出“homme”或“femme”/我用法语写，所以它要么是男人要么是女人
收音机有一个 .checked，就客户而言，并不是真正的 .value。如果没有通过 attrib 显式设置，它应该为 null，这就是它不会显示在 localStorage 中的原因。

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

您有我们可以查看的页面吗？可能是它在 iframe 中并且

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

正在返回 null。

【讨论】：