刷新后如何显示“选中的单选按钮”？答案

【问题标题】：How to display "selected radio button" after refresh?刷新后如何显示“选中的单选按钮”？
【发布时间】：2011-06-24 15:59:19
【问题描述】：

刷新页面后，用户选择的单选按钮丢失。即使我刷新了页面，如何始终显示用户的“选择的单选按钮”？

<input name="radiobutton" type="radio" value="" id="all" checked />

选中的单选不适合，因为它总是显示默认的单选按钮。

下面是我的代码：-

<form name="myfrm" id="myfrm" action="" method="post">
    <input name="radiobutton" type="radio" value="" id="all" />
    <label>All Languages</label>
    <input name="radiobutton" type="radio" value="" id="english" />
    <label>English</label>
</form>

【问题讨论】：

您希望在刷新或回发时保持选定的单选按钮 bcoz 刷新就像您向页面发送请求一样，默认情况下它将显示您设置的选定单选按钮。
saving checkbox state on reload 的可能重复项
感谢您的建议和回答。

标签： javascript jquery jquery-events

【解决方案1】：

我不知道这是不是你想要的。但想到的一件事是 HTML5 Web 存储功能。使用该功能，您可以将数据存储在用户的计算机上。

因此，每当用户更改输入字段时，您都可以创建一个 javascript 调用，将值存储到本地存储中：

localStorage.setItem(“inputName”, “value”);

然后当你加载页面时，你会查看是否存储了这些值中的任何一个，然后填写它们。

【讨论】：

感谢您的建议和回答。

【解决方案2】：

您应该遵守标准并为每个属性赋值。这意味着你需要checked="checked"

<input name="radiobutton" type="radio" value="" id="all" checked="checked" />

如果您问如何坚持之前选择的内容：AFAIK，纯 HTML 是不可能的。您需要绑定一个 Javascript 事件，将选定的单选按钮提交到您的服务器，并绑定一个动态生成的页面（通过 PHP、Python 等），将“checked="checked" 放在提交为选中的单选按钮上。

编辑：

在我看来，将当前选择的单选按钮提交到服务器并动态生成您的页面可能有点过头了。

【讨论】：

什么？？？？？？无论用户是否选中它，它都会始终显示该复选框已选中...首先阅读问题，然后回答...
对不起，我一开始误解了这个问题。
感谢您的建议和回答。

【解决方案3】：

我认为这个讨论会对你有所帮助......虽然这个讨论是关于保存复选框的状态，但你可以根据需要修改该代码..希望这对你有帮助！！！

Save state of inputElement

【讨论】：

实际上，这将是我第一次在 stackoverflow.com 上发布问题。没想到我会这么快得到回复。
让我先弄清楚每一个建议和答案。谢谢。