I'm currently having an issue with a script thats driving me nuts. I have a checkbox to a form that will select whether the submission is urgent or not. Now I want an image to appear when the check box is selected and 2 fields to be enabled for editing. With the code that I have now everything loads properly. When you select "Urgent" the fields enable and the image appears. When I uncheck "Urgent" the fields disable again but I can't get the image to disappear. any ideas? It is set to an onClick event. I've tried onChange too but no luck.
Code:
function enableUrgentTxar()
{ with (document.frmRequest)
  { if (chkUrgent.checked)
    { txarImpact.disabled = false;
      txarJustify.disabled = false;
      txarImpact.style.backgroundColor='white';
      txarJustify.style.backgroundColor='white';
      txarImpact.focus();
      showUPimage = "<img name='usrPriority' src='../GRAPHICS/user_prio.gif' alt='User Priority'>";
      document.all.usrPriority.innerHTML = showUPimage;
    }
    else
    { txarImpact.disabled = true;
      txarJustify.disabled = true;
      txarImpact.style.backgroundColor='#CCCCCC';
      txarJustify.style.backgroundColor='#CCCCCC';
      showUPimage = " ";
      document.all.usrPriority.innerHTML = showUPimage;
    }
  }
}