To Do With JavaScript Events (I think)

@evenstar7139Jun 05.2006

Can you tell me (or direct me to something that explains how to do EXACTLY what I am trying to do) how I can make a form with the radio buttons “Yes” and “No” and have a text field beneath it enable or disable (you know, turn grey and unuseable), based on which value was checked. And please note: This change should take affect immediately without having to reload the page.

to post a comment

JavaScript

@phpnoviceJun 05.2006 — #

[code=html]<form action="">
 <p>Yes: <input type="radio" name="R1" value="YES" checked onclick="
 if(this.checked) this.form.T1.disabled = false;
 return true;"> &nbsp;&nbsp;&nbsp;
 No: <input type="radio" name="R1" value="NO" onclick="
 if(this.checked) this.form.T1.disabled = true;
 return true;"></p>
 <p><input type="text" name="T1" size="20"></p>
 </form>[/code]

@evenstar7139authorJun 05.2006 — #

[code=html]<form action="">
 <p>Yes: <input type="radio" name="R1" value="YES" checked onclick="
 if(this.checked) this.form.T1.disabled = false;
 return true;"> &nbsp;&nbsp;&nbsp;
 No: <input type="radio" name="R1" value="NO" onclick="
 if(this.checked) this.form.T1.disabled = true;
 return true;"></p>
 <p><input type="text" name="T1" size="20"></p>
 </form>[/code]

[/QUOTE]

Thank you so much. You're a sweetheart. God bless.

@phpnoviceJun 05.2006 — #You're welcome.

Cheers.

@evenstar7139authorJun 09.2006 — #Okay I need a little more help. How do I make it so the text box is disabled when the user first loads the page?

@phpnoviceJun 09.2006 — #That isn't even a JavaScript question. That is only a change in HTML. Delete the [COLOR=Red]red[/COLOR] and insert the [COLOR=Blue]blue[/COLOR]:

&lt;form action=""&gt;
 &lt;p&gt;Yes: &lt;input type="radio" name="R1" value="YES" [COLOR=Red]checked[/COLOR] onclick="
 if(this.checked) this.form.T1.disabled = false;
 return true;"&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp;
 No: &lt;input type="radio" name="R1" value="NO" [COLOR=Blue]checked[/COLOR] onclick="
 if(this.checked) this.form.T1.disabled = true;
 return true;"&gt;&lt;/p&gt;
 &lt;p&gt;&lt;input type="text" name="T1" size="20" [COLOR=Blue]disabled[/COLOR]&gt;&lt;/p&gt;
 &lt;/form&gt;

To Do With JavaScript Events (I think)

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

To Do With JavaScript Events (I think)

5 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

5 Comments(s) _↴

Also in #JavaScript _↴