2015-04-01 52 views
0

我有以下两个单选按钮。在两个值之间切换的作品。但在刷新页面后,选定的值不再存在。我该如何处理这个问题。有没有一个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(); 
     } 
    }); 
}); 
+0

可能是,存储在cookie或本地存储的值,然后你可以访问稍后的价值。 – lshettyl 2015-04-01 21:15:52

回答

0

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

0

你应该使用jQuery Cookie。

设置:

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

要获取:

$.cookie("var"); 

删除:

$.cookie("var", null); 
相关问题