Disable button

@ag201Jun 10.2005

I am creating a simple terms and conditions section on my site.

I will have two radio buttons, i accept and i decline. by default i decline is selected and hence the Next button is disabled. when the user selects i accept, the Next button should become re-enabled.

could someone please help me with this code, i believe in need javascript for this.

thanks

to post a comment

JavaScript

@fredmvJun 10.2005 — #In the radio:onclick="document.getElementById('next').disabled=false"In the "Next" button:id="next"You may also want to disable the "Next" button via JavaScript so that non-JavaScript users won't be stuck with a disabled button.

@CharlesJun 10.2005 — #

&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd"&gt;
 &lt;html lang="en"&gt;
 &lt;head&gt;
 &lt;meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"&gt;
 &lt;meta name="Content-Script-Type" content="text/javascript"&gt;
 &lt;meta name="Content-Style-Type" content="text/css"&gt;
 &lt;title&gt;Example&lt;/title&gt;
 
 &lt;style type="text/css"&gt;
 &lt;!-- 
 fieldset {padding:1ex; width:10em}
 label {display:block; text-align:left}
 input {margin-right:1ex}
 button {display:block; margin:1ex auto}
 --&gt;
 &lt;/style&gt;
 
 &lt;/head&gt;
 &lt;body onload="document.forms[0].go.disabled = true"&gt;
 &lt;form action="http://www.bettiepage.com/"&gt;
 &lt;fieldset&gt;
 &lt;legend&gt;Just how old are you?&lt;/legend&gt;
 &lt;label&gt;&lt;input name="age" onclick="this.form.go.disabled = this.checked" type="radio"&gt;Under 21&lt;/label&gt;
 &lt;label&gt;&lt;input name="age" onclick="this.form.go.disabled = !this.checked" type="radio"&gt;Over 21&lt;/label&gt;
 &lt;button name="go" type="submit"&gt;Submit&lt;/button&gt;
 &lt;/fieldset&gt;
 &lt;/form&gt;
 &lt;/body&gt;
 &lt;/html&gt;

@ag201authorJun 10.2005 — #thanks a lot. you are a genius.

@ag201authorJun 10.2005 — #why are all the radio buttons selectable, everytime i select something else, the first selection doesnt go away. please help. i think i am absolutely dumb.

@ag201authorJun 10.2005 — #i know whats wrong. the name attribute was diffferent, it has to be the same for both radio buttons. thanks to all though.

Disable button

5 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Disable button

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 _↴