disabling multiple form fields, but keeping 1 radio button active?

[WestSide2003]

Hi,

I have 1 form with 6 form elements on it. 2 radio buttons, 4 text boxes

I want to disable all but one of the elements. Basically there are two radio buttons and 4 text boxes.

If the first radio button is selected, then all the other fields should be disabled.

If the user chooses the 2nd radio button, all the fields should be enabled. the 4 fields should only be allowed to be enabled if the user chose the 2nd radio button.

How can I do this?

The tables have ID tags. Right now I am using:

PageChoices.disabled=true;

where PageChoices is the ID of the table where the 4 text boxes exist. This does work, except I can still enter data into the text boxes, they are greyed out, but still allow input.

Any idea why?

-WS

 

[BillyRayPreachersSon]

>> If the first radio button is selected, then all the other fields should be disabled.

If you disable all the other fields, then how will the user ever manage to click the second radio button? Are you sure this is really what you want to do?

Dan

 

[vbkris]

and why disable the <td> when u can disable the field???

Known is handfull, Unknown is worldfull

 

[WestSide2003]

Hi,

Yes, your right Dan....

all fields are disabled except BOTH radio buttons, that was my bad. The two radio buttons are not disabled.

Its the 4 form fields that are disabled/greyed out.

There is no <td> being disabled. I have an html table with and ID attached to it.

So when the page loads this code is ran: PageChoices.disabled=true;

However, I can still enter text in the text boxes even though the fields are disabled. I am trying to get the greyed out look, and prevent any text input in the 4 form fields unless the 2nd radio button is chosen..

Hope that helps clarify...

-WS

 

[DreXor]

you could just name everything in the form with an id of say, 1 or hideme or whatever... then

function hidestuff(idname)
{
var stuffData = document.getElementsById(idname);
for(var i = 0; i < stuffData.length; i++) {stuffData.style.visiblity = 'none';}
}

DreX
aKa - Robert