使用javascript刷新頁面后如何保持單選按鈕的值？

Question

我們希望在刷新頁面后獲取單選按鈕的選定值。 我們有兩個單選按鈕，例如在線和離線。 如果我選擇在線，然后在當時刷新頁面后我想要選擇單選按鈕的值。

Answer 1

您可以使用以下內容：-

1) 本地存儲-HTML5

2）餅干..

我建議使用 localStorage

刷新頁面前設置本地存儲：-

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

刷新頁面后，執行

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

並使用val默認選擇單選按鈕。

還要刪除 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('一些鍵',radiobuttonValue); //設置值

localStorage.getItem('一些關鍵'); // 獲取值

這些值將存儲在您的瀏覽器存儲中。 請注意，如果用戶清除緩存，這將不起作用。

使用javascript刷新頁面后如何保持單選按鈕的值？

問題描述

2 個解決方案

解決方案1
3 2014-12-15 10:18:48

解決方案2
0 2014-12-15 11:04:57

使用javascript刷新頁面后如何保持單選按鈕的值？

問題描述

2 個解決方案

解決方案1 3 2014-12-15 10:18:48

解決方案2 0 2014-12-15 11:04:57

解決方案1
3 2014-12-15 10:18:48

解決方案2
0 2014-12-15 11:04:57