Question

Here’s the code I have:

function transferq() {
if (document.forms[0].elements['return'].checked == true) {
document.forms[0].elements['returnhour'].disabled = false
document.forms[0].elements['returnminute'].disabled = false
document.forms[0].elements['returnday'].disabled = false
document.forms[0].elements['returnmonth'].disabled = false
document.forms[0].elements['returnyear'].disabled = false
document.forms[0].elements['returnflight'].disabled = false
document.forms[0].elements['samereturn'].disabled = false
}
}

<input name="return" id="return" type="checkbox" value="return" onchange="transferq()" />

it checks whether the ‘return’ checkbox is checked and if it is, it enables some further inputs in my form (they’re originally disabled).

This works perfectly in Firefox and is done immediately but in IE you have to click on a white space in the document for it to be updated.

I’ve searched literally everywhere to find out why this happens but I couldn’t find anything.

I’d appreciate it very much if anyone could help me on this.

Thanks

Answer 1

Have you tried attaching the function to a different event? like using onclick?

 <input name="return" id="return" type="checkbox" value="return" onclick="transferq()" />