faqts : Computers : Programming : Languages : JavaScript : Forms : Radio buttons

+ Search
Add Entry AlertManage Folder Edit Entry Add page to http://del.icio.us/
Did You Find This Entry Useful?

64 of 90 people (71%) answered Yes
Recently 8 of 10 people (80%) answered Yes

Entry

How can I make buttons enabled/disabled according to the selected radio button?

Oct 12th, 2001 00:11
Alessio Bellisomi, Arto Kuvaja, Alessio Bellisomi


Try this


<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function Disab (val) {
frm=document.forms[0]

	if(val=="option 1") 
{frm.Button2.disabled=true;frm.Button1.disabled=false}

	else {frm.Button1.disabled=true;frm.Button2.disabled=false}

}

</SCRIPT>

</HEAD>
<BODY TEXT="000000" BGCOLOR="FFFFFF">

<FORM>

<INPUT TYPE=radio NAME="f1" VALUE="option 1" onClick="Disab 
(this.value)">option 1
<INPUT TYPE=radio NAME="f1" VALUE="option 2" onClick="Disab 
(this.value)">option 2
<P>
<INPUT TYPE=button onClick="alert('Button 1 pressed!')" VALUE="Button 
1" NAME="Button1">
<INPUT TYPE=button onClick="alert('Button 2 pressed!')" VALUE="Button 
2" NAME="Button2">

</FORM>
</BODY>
</HTML>