i have two radio buttons. depending on which one is checked certain elements are disabled or enabled. in firefox - this works perfectly. in IE it "works", but the changes are only noticed when you click on the page somewhere...which makes no sense.

for example, my script looks like this...

Code:
// "sync-device-network" is one of the radio elements

syncType = function() {
    var formNetwork = document.getElementById("form-network");
    var formManual = document.getElementById("form-manual");
    if (document.getElementById("sync-device-network").checked == true) {
        for (i = 0; i < formNetwork.elements.length; i++){
               if (formNetwork.elements[i].type == "text" || formNetwork.elements[i].type == "select-one") {
                formNetwork.elements[i].disabled = null;
            }
        }
        for (i = 0; i < formManual.elements.length; i++){
               if (formManual.elements[i].type == "text" || formManual.elements[i].type == "select-one") {
                formManual.elements[i].disabled = "disabled";
            }
        }
    } else {
        for (i = 0; i < formNetwork.elements.length; i++){
               if (formNetwork.elements[i].type == "text" || formNetwork.elements[i].type == "select-one") {
                formNetwork.elements[i].disabled = "disabled";
            }
        }
        for (i = 0; i < formManual.elements.length; i++){
               if (formManual.elements[i].type == "text" || formManual.elements[i].type == "select-one") {
                formManual.elements[i].disabled = null;
            }
        }
    }
}
maybe there's a workaround to what i'm doing or maybe i have to do some other method all together?