radio button checked issue on IE

[scottjsn]

Created a set radio buttons on a JSP.

<input type="radio" id="radio1" name="test" value="A" />AAA
<input type="radio" id="radio2" name="test" value="B" />BBB

At the end of the page, there is a section of javascripts:

//diplay caption
var radio = document.getElementById("radio1");

if (radio.checked) {
alert("radio is checked");
}


The sequence of the action is like this: I first clicked radio1, then launched another web page. Next, I clicked on the browser's BACK icon to go back to the original page. The radio1 was still shown being checked.

If this was done on Firefox, everything went well and the message box displayed: radio is checked

But, if it was the IE (9), this message did not show up.

To summarize: after leave the page, then come back, even if the radio1 radio button is shown still checked, on IE, the javascript: radioControl.checked failed to work.

Expecting, radioControl.checked == true



How to make it work?

Thanks

[ReFreezed]

I think this fails in IE because the checkbox is re-checked (because the browser remember it's state when navigating back) after the page has loaded and the scripts has been executed.

Try executing that code in a function with a short delay using setTimeout().

Edit: actually, it's probably better to execute that code in the onload event.