Enable/Disable Form Elements Question

kwilliams · February 24th, 2006, 04:36 PM

I'm using JavaScript set the disable property on a textbox if a checkbox is selected, like this:

<input type="checkbox" name="cbquestion1" id="cbquestion1" onclick="javascript:document.form1.txtanswer1.disa bled=false">What is the name of your favorite pet?</input>
<input type="text" id="txtanswer1" name="txtanswer1" value="" size="20" maxlength="20" disabled="true" />

It works great, but now I'd like to add a behavior will basically do the opposite so that if the checkbox is then de-selected after initially being selected, it will re-disable the textbox. If anyone knows how to do this, I'd greatly appreciate the help. Thanks.

KWilliams

joefawcett · February 24th, 2006, 05:27 PM

This will toggle the state on each click:

Code:

onclick="document.form1.txtanswer1.disabled = !document.form1.txtanswer1.disabled

The javascript: preceeding the code is wasted.

--

Joe (Microsoft MVP - XML)

kwilliams · February 24th, 2006, 06:30 PM

Hi joe,

I tried that suggestion, but it just kept the textbox disabled whether or not the checkbox was clicked or not. Since this is in an XSLT doc, this is how I applied your suggestion:

<input type="checkbox" name="cbquestion1" id="cbquestion1" onclick="javascript:document.form1.txtanswer1.disa bled=false!javascript:document.form1.txtanswer1.di sabled=false">What is the name of your favorite pet?</input>
<input type="text" id="txtanswer1" name="txtanswer1" value="" size="20" maxlength="20" disabled="true" />

...and I also tried changing the 2nd JS instance to this:

onclick="javascript:document.form1.txtanswer1.disa bled=false!javascript:document.form1.txtanswer1.di sabled=true">

and of course I tried using the exact code that you included, but it still doesn't work. Any other suggestions?

KWilliams

joefawcett · February 24th, 2006, 07:38 PM

Well XSLT or not that's the correct code. What is the HTML that your XSLT produces?

--

Joe (Microsoft MVP - XML)

kwilliams · February 28th, 2006, 11:28 AM

I made a mistake by including this code in the onclick event:
onclick="javascript:document.mycounty_reg.txtanswe r1.disabled=false!document.mycounty_reg.txtanswer1 .disabled=false
...instead of the exact code that you supplied:
onclick="document.mycounty_reg.txtanswer1.disabled = !document.mycounty_reg.txtanswer1.disabled

Sorry about that. I just needed to change "disabled=false" to "disabled", and it worked great. Thanks again for your help Joe:)

KWilliams