Javascript 按下后退按钮后，输入类型单选按钮在IE中的单击值错误

我的页面的创建方式似乎有问题，这会导致单选按钮在页面上显示一个值，当使用javascript查看单选按钮是否正确选中时，会显示另一个值，但我还没有找到，因此不再需要这个问题，但是第一个答案中讨论的相关演示可能会帮助想知道如何访问单选按钮单击状态的人。

原始问题：
当我按下浏览器历史记录后退按钮并返回到我刚刚提交并正在开发的页面时，我的代码查看一对单选按钮的选中属性状态，以确定页面上次提交时所处的模式，并使用此选项显示/隐藏页面元素，使页面看起来与提交时相同。在最新版本的Chrome和IE中，Chrome工作正常，但IE显示单选按钮的检查方式与F12 Developer Tool调试器中的不同，后者显示这两个单选按钮的检查属性与页面上显示的状态相反

---

IE中有没有一种特殊的方法可以在使用后退按钮后获取单选按钮的值？

我创建了一个演示页面，显示在按下浏览器的后退按钮后，访问输入单选按钮元素的值不需要特殊编码。这里有两个指向代码笔的链接，演示了这一点： 或

演示仅在CodePen的调试模式下正常工作，但您可能希望看到正常的CodePen预览/编辑模式，因此提供了两个链接

在所有访问输入单选按钮值的方法中，有以下几种：

document.getElementById( 'radio_id' ).checked

document.getElementsByName( 'radio_name' ).checked              // deprecated in HTML5!

document.querySelector( 'input[name="radio_name"]' ).checked    // 1st radio button with the name.

document.querySelectorAll( 'input[name="radio_name"]' ).checked // all of the radio buttons