Grey out or disable form?

J Belly · Feb 4, 2005

Hi,

I have a table of questions (with radio buttons) that I want to appear
greyed out so that users can feel they can skip it and go on to the
next page. But if they should choose to answer the questions, I'd
want them to uncheck a checkbox so that the table would appear white.
How do I do this? (If I can also disable the radio buttons at the
same time, that would even be better.)

Also, I'd need it to work in both IE and Netscape/Mozilla.

Thanks for the help!

(And step-by-step coding would be GREATLY appreciated, as I'm a total
javascript newbie

Joakim Braun · Feb 6, 2005

J Belly said:
Hi,

I have a table of questions (with radio buttons) that I want to appear
greyed out so that users can feel they can skip it and go on to the
next page. But if they should choose to answer the questions, I'd
want them to uncheck a checkbox so that the table would appear white.
How do I do this? (If I can also disable the radio buttons at the
same time, that would even be better.)

Also, I'd need it to work in both IE and Netscape/Mozilla.

Thanks for the help!

(And step-by-step coding would be GREATLY appreciated, as I'm a total
javascript newbie

You can use the "disabled" attribute in HTML:
<input type="radio" name="somename" disabled>

....and set it in Javascript (looping a radio button array):
var radios = document.forms["someform"].elements["somename"];
for(var i = 0, max = radios.length; i < max; i++){
radios.disabled=1; //Or 0 for enabling it
}

For the table background and the text, you could create different CSS
classes and then do:

var thing = document.getElementById("someid");

if(thing)
thing.className="myGrayedOutCSSname";

Add an onclick handler to the checkbox that calls a function that takes
care of enabling/disabling:

<input type="checkbox" name="somename"
onclick="toggleTableState(this.checked);">

then in the <head>:

function toggleTableState(inEnable){

// Enable/disable radio buttons
// Set className of whatever it is that should look different
}

I'm tempted to quit out of frustration	1	Aug 13, 2023
single checkbox enable/disable dropdown	2	Nov 8, 2006
C# sign in and out program	0	Sep 27, 2017
Dynamically enable or disable link buttons	3	Jul 4, 2008
for each control in form	1	Oct 10, 2007
Tasks	1	Nov 29, 2022
Disable javascript in Netscape 8?	1	Dec 20, 2005
I need help fixing my website	2	Oct 15, 2023

Grey out or disable form?

J Belly

Joakim Braun

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads