2009-10-14 70 views
0

当用户单击复选框时,仅使用原始javascript和禁用属性禁用单选按钮组。后退按钮后未禁用Javascript-disabled组件

我的功能很简单:

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

,它被称为与onClick事件类似的onClick = “toggleEnabled( 'radio_div')”

它的伟大工程,但如果用户点击后面,浏览器似乎记得复选框的状态,但会将div中组件的状态重置为原来的状态。

这是在IE7中,我现在不想使用JS库,所以请不要这样做。

我做错了什么?是否有解决方案来获得预期的行为(请记住Back上的复选框和div的状态)?

回答

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 
    } 
}