使用javascript刷新页面后如何保持单选按钮的值？答案

【问题标题】：How can persist value of radio button after refreshing page using javascript?使用javascript刷新页面后如何保持单选按钮的值？
【发布时间】：2017-04-12 21:05:04
【问题描述】：

我们希望在刷新页面后获取单选按钮的选定值。我们有两个单选按钮，例如在线和离线。如果我选择在线，然后在当时刷新页面后，我想要选择单选按钮的值。

【问题讨论】：

标签： javascript radio selected

【解决方案1】：

你可以使用以下东西：-

1) 本地存储 -HTML5

2) cookie ..

我会推荐使用 localStorage

刷新页面前设置本地存储：-

localStorage.setItem('radioBtnId',valSelected);
//valSelected is the selected value of radiobutton.

刷新页面后，做

var val=localStorage.getItem('radioBtnId');

并使用val 默认选择radioButton。

同时删除 localstorage 值，因为您不再需要它：

localStorage.removeItem('radioBtnId');

添加注释中给出的代码

<html>
  <head> 
      <script>          
          function setDefaultValue(id)
          {
            localStorage.setItem('status',id);
          }

          function getDefaultValue()
          { 
            var valId=localStorage.getItem('status'); 
            document.getElementById("valId").checked = true;
            localStorage.removeItem('status');
          }
      </script>
      <title>
      </title>
      </head>

      <body>
        <form>
          <input id="statusOnline" type="radio" value="Online"  onchange="setDefaultValue('statusOnline');">       
          <input id="statusOffline" type="radio" value="Offline"  onchange="setDefaultValue('statusOffline');">
      </form>
      </body>
</html>

尚未测试此代码.. 只是为您提供如何使用它的想法。希望对您有所帮助...

【讨论】：

code
我没有测试过代码..我只是给了你如何使用它的想法。只需根据您的情况自己更改代码并在此处告诉我..我很乐意编辑代码..

【解决方案2】：

使用本地存储。

localStorage.setItem('一些键',radiobuttonValue); //设置值

localStorage.getItem('some key'); // 获取值

这些值将存储在您的浏览器存储中。请注意，如果用户清除缓存，这将不起作用。

【讨论】：