Question

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

<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>

Answer 1

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

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

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

然后，当您加载页面时，您会看到是否存储了这些值中的任何一个，然后将其填入。

Answer 2

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

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

如果您问如何坚持以前选择的内容：AFAIK，则无法使用纯HTML。您需要绑定一个将所选单选按钮提交给服务器的Javascript事件和一个动态生成的页面（通过PHP，Python，无论如何），将“checked =”选中“放入已检查提交的单选按钮。

修改

在我看来，将当前选中的单选按钮提交给服务器并动态生成页面可能会有点过分。

Answer 3

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

Save state of inputElement

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

3 个答案: