当我单击浏览器后退按钮时，jQuery 更改单选按钮上的值

Question

我有 2 个单选按钮。

我选择第二个单选按钮并提交表单。然后我单击浏览器的“后退”按钮，并选中第一个单选按钮。我希望选中我选择的第二个按钮。

如何改变这个？ :)

请帮助一位学生。

	$(document).ready(function() {
		
	  var $divs = $('#divs > div');
	  
	  $divs.first().show();
	  
	  $('input[type=radio]').on('change',function() {
		  
	    $divs.hide();
	    
	    $divs.eq( $('input[type=radio]').index( this ) ).show();
	    
	  });
	});

$html .= '<div class="all-donations-wrapper">';
				$html .= '<h2>'.$section_title.'</h2>';
				$html .= '<div class="gift-type">';
					$html .= '<h4>Gift type:</h4>';
					$html .= '<input id="id_radio2" type="radio" name="name_radio" value="value_radio2" checked="checked"/>';
					$html .= '<label for="id_radio2">'.$donation_title_one_time.'</label>';
					$html .= '<input id="id_radio1" type="radio" name="name_radio" value="value_radio1"/> ';
					$html .= '<label for="id_radio1">'.$donation_title_monthly.'</label>';
				$html .='</div>';

				$html .= '<div id="divs">';

Answer 1

你不能。

根据设计，浏览器后退按钮会将您带到您访问的最后一个网页，并且不会完全保留 DOM 的最后已知状态。大多数用户都明白这一点。

最好的选择是为您的页面创建自己的导航 - 您自己的“后退”按钮。

如果您尝试重新编程后退按钮，您将会用头撞墙。另请注意，您无法对以下情况执行任何操作: (a) 用户离开您的页面，然后返回； (b) 右键单击​​页面并选择“BACK”(与后退按钮不同)； (c) 单击书签； (d) 在地址栏中输入； (e) 右键单击​​后退按钮并选择浏览器历史记录中更靠前的站点。

但是，您可以通过以下代码禁用后退按钮，强制用户使用您自己的完全管理的后退按钮:

history.pushState(null, null, location.href);
window.onpopstate = function () {
    history.go(1);
};

引用:

https://codepen.io/dhavalt10/pen/rGLBzB

https://www.codeproject.com/Articles/696526/Solution-to-Browser-Back-Button-Click-Event-Handli

https://www.sitepoint.com/community/t/when-back-button-clicked-redirect-to-url/224503/5