Disable radio buttons?

[James Gardner]

Within a single form I have a dropdown select box with 2 options and 2
radio buttons. If someone selects option 2 in the dropdown I would like to
make the radio buttons disabled, such that you cannot select either one of
them. If someone selects option 1 in the dropdown I would like the radio
buttons to be re-enabled. Is this, or something similar (checkboxes
instead of radio, etc) possible, and if so can someone point me to an
example? Thanks

[Stephen Chalmers]

James Gardner <jg********@columbia.PLEASE.edu> wrote in message news:96*******************@216.196.97.136...

Within a single form I have a dropdown select box with 2 options and 2
radio buttons. If someone selects option 2 in the dropdown I would like to
make the radio buttons disabled, such that you cannot select either one of
them. If someone selects option 1 in the dropdown I would like the radio
buttons to be re-enabled.

You need a simple function to toggle all the buttons in a specifed set:

<SCRIPT type='text/javascript'>

function enableRB(bSet, flag)
{
for(var i=0; i<bSet.length; i++)
bSet[i].disabled=!flag;
}

</SCRIPT>

Then assuming that your set of radio buttons is *named* 'rbSet' ,

<SELECT onchange='enableRB( this.form.rbSet, this.selectedIndex==1?false:true )'>
--
Stephen Chalmers
547265617375726520627572696564206174204F2E532E2072 65663A205451323437393134

[RobG]

Stephen Chalmers wrote:

James Gardner <jg********@columbia.PLEASE.edu> wrote in message news:96*******************@216.196.97.136...

Within a single form I have a dropdown select box with 2 options and 2
radio buttons. If someone selects option 2 in the dropdown I would like to
make the radio buttons disabled, such that you cannot select either one of
them. If someone selects option 1 in the dropdown I would like the radio
buttons to be re-enabled.

You need a simple function to toggle all the buttons in a specifed set:

<SCRIPT type='text/javascript'>

The example can be simplified a little if both the following changes are
made:

function enableRB(bSet, flag)
{
for(var i=0; i<bSet.length; i++)
bSet[i].disabled=!flag;
bSet[i].disabled = flag;
}

</SCRIPT>

Then assuming that your set of radio buttons is *named* 'rbSet' ,

<SELECT onchange='enableRB( this.form.rbSet, this.selectedIndex==1?false:true )'>

<SELECT onchange='enbleRB( this.form.rbSet, (this.selectedIndex==1) )'>

[...]

--
Rob