Toggle active state of text area with radio button

Hatchingabrain · April 2nd, 2005, 01:56 AM

I have 5 radio buttons. A B C D E
B (if selected) needs to activate a text field of 25 chars
E (if selected) needs to activate a text field of 10 chars

if user selects B, then user can type in "happy"; user then changes mind and selects D. "happy" is erased and the textfield is disabled. user then changes mind again and selects B and this time types in "not so happy"; then user changes mind selects E and types in "whatever" (B is blanked and disabled). then user selects A and hits submit. (B and E should be blanked and disabled... form returns value A as submited.

Hatchingabrain · April 2nd, 2005, 02:22 AM

cheap example of using one checkbox to toggle one textbox... blah!

<html><head><title>Toggle My Text Box</title>
<script language="JavaScript">

function textme () {
if(document.f1.mycheckbox.checked)
{
document.f1.textinput.disabled=false;
}
else
{
document.f1.textinput.disabled=true;
}
}
</script>

<form action="" method="" name="f1">
  <input type="text" disabled size="10" name="textinput">
  <input type="checkbox" onclick="textme()" name="mycheckbox" value="on" >
<br>
<input type="submit" value="Add">
  <input type="reset" value="Clear">
  </form>
</body></html>

vinod_yadav1919 · April 4th, 2005, 04:03 AM

Please find the answer at
http://p2p.wrox.com/topic.asp?TOPIC_ID=28746

Cheers :)

vinod