如何在刷新頁面時保留無線電輸入狀態

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

爲用戶選擇單選按鈕將保存單選按鈕的屬性。