Javascript 页面刷新时Jquery单选按钮的选中值

我有以下两个单选按钮。在这两个值之间切换是有效的。但在页面刷新后，所选值不再存在。我如何处理这个问题。有一个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();
        }
    });
});

---

JavaScript是无状态的。在页面刷新后，您必须使用本地存储、cookie或服务器会话来持久化。除非存储在内存或数据库中，否则客户端代码不会执行此操作。

是否应该使用jquery cookie

设置：

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

要获得：

$.cookie("var");

删除：

$.cookie("var", null);

---

可能是，将该值存储在cookie或本地存储中，然后您可以稍后访问该值。