如何在刷新页面时保留无线电输入状态

Question

我有一个表单，如果用户提交表单时（如果页面刷新），我需要存储所有单选按钮的状态。

我想达到非常类似于这样：

$(function(){ 
     $('.example input[type="radio"]:checked').each(function(){ 
     $(this).attr("checked",true); 
    }); 

任何帮助将多不胜感激！

Answer 1

您可以将其状态存储在本地存储中并在每次页面加载后进行恢复。上存储的值

小例子：

$('#myCheckbox').click(function() { 
    localStorage['my.checkbox'] = this.checked; 
}); 

恢复它：

$('#myCheckbox').prop('checked', localStorage['my.checkbox'] == 'true'); 

Answer 2

也许你存储在会话令牌或在会话Cookie中的信息。如果你使用html5组件，你可能会尝试使用html本地存储。

Answer 3

你只需要更新代码

$(function(){ 
     $('.example input[type="radio"]').each(function(){ 
      $(this).attr("checked",$(this).checked()); 
    }); 

为用户选择单选按钮将保存单选按钮的属性。