jQuery單選按鈕頁面刷新時檢查值

Question

我有以下兩個單選按鈕。 在兩個值之間切換是可行的。 但是在刷新頁面后，所選值不再存在。 我該如何處理這個問題。 是否有可以處理此問題的jquery庫？ 任何適用於每種瀏覽器的解決方案？ 感謝您的建議。

 <input type="radio" name="lr" id="open" class="required" value="open to all" checked="checked" />   

 <input type="radio" name="lr" id="login_area"  class="required myOption" value="login_area" /> 
 <label for="login_area">Register</label>

 <div class="login_area">...</div>
 <div class="signUp_area">...</div>

 $(document).ready(function() {
    $('.myOption').click(function() {
      var $stat = null;
        $stat = $('#login_area')[0].checked;
        if ($stat === true) {
            $('.signUp_area').show();
            $('.login_area').hide();
        } else {
            $('.login_area').show();
            $('.signUp_area').hide();
        }
    });
});

Answer 1

JavaScript是無狀態的。 您必須使用localStorage，Cookie或服務器會話才能在頁面刷新后繼續存在。 除非存儲在內存或數據庫中，否則客戶端代碼不會執行此操作。

Answer 2

你應該使用jQuery cookie。

設置：

$.cookie("var", "10");

要得到：

$.cookie("var");

刪除：

$.cookie("var", null);