Question

想要在刷新页面之后得到单选按钮的选定值。我们有两个单选按钮，如Online＆amp;离线。如果我选择在线，然后在刷新页面之后，我想要选择单选按钮值。

Answer 1

您可以使用以下内容： -

1）localStorage -HTML5

2）cookies ..

我建议使用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>

尚未对此代码进行测试..只是告诉您如何使用它。希望它有所帮助...

Answer 2

使用本地存储。

localStorage.setItem（＆＃39;某些键＆＃39;，radiobuttonValue）; //设置值

localStorage.getItem（＆＃39;某些键＆＃39;）; //获取值

这些值将存储在您的浏览器存储中。请注意，如果用户清除缓存，则此功能无效。

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

2 个答案: