后退按钮后未禁用Javascript禁用的组件

Question

当用户单击复选框时，我仅使用原始javascript和disabled属性来禁用单选按钮组。

我的功能很简单：

function toggleEnabled(elementId) {
  e = document.getElementById(elementId)
  e.disabled = !e.disabled;
}

并通过onClick事件（如onClick =“ toggleEnabled（'radio_div'）”）进行调用

效果很好，但是如果用户单击鼠标，浏览器似乎会记住复选框的状态，但是会将div中组件的状态重置为原始状态。

这是在IE7中，并且我现在不想使用JS库，因此请不要为此提出任何建议。

难道我做错了什么？ 是否有解决方案来获得预期的行为（还记得复选框和div的状态）？

Answer 1

您必须检查onload方法中的每个单选框值：

var selects = document.getElementByTagName("select");
for ( var i = 0 ; i < selects.length ; i ++ )
{
    //call your code if an option is checked
    if ( selects.options[selects.selectedIndex] )
    { 
        var selectedOption = selects.options[selects.selectedIndex];
        //now you got your option and can enable the div.
        toggleEnabled('radio_div');// <-- change this depending on selectedOption
    }
}