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);

Jquery单选按钮选中页面刷新值

2 个答案: