Set radio buttons to readonly?

Jens Lenge · Mar 24, 2005

How can I display a group of radio buttons *without* making the displayed
selection changeable?
The 'readonly' attribute that does the job for text fields does not work for
radio buttons or checkboxes, at least this does not work:

<input type="radio" name="group1" value="Option 1" checked
readonly> Option 1<br>
<input type="radio" name="group1" value="Option 2" readonly> Option
2<br>

(The 'readonly's are ignored by Firefox and IE6, I can still change the
selection.)
I need this to display a submitted form after all data is processed, so I
don't want the user to be able to change it again.

Jens

Philip Ronan · Mar 24, 2005

Jens said:
How can I display a group of radio buttons *without* making the displayed
selection changeable?

I need this to display a submitted form after all data is processed, so I
don't want the user to be able to change it again.

Sounds like you're generating a confirmation page inside the server, so why
don't you just do something like this instead:

<img src="checked.gif" alt="[x]> Option 1<br>
<img src="unchecked.gif" alt="[ ]"> Option 2<br>

Jens Lenge · Mar 24, 2005

Philip Ronan said:
Sounds like you're generating a confirmation page inside the server,

Yes, exactly.

so why don't you just do something like this instead:

<img src="checked.gif" alt="[x]> Option 1<br>
<img src="unchecked.gif" alt="[ ]"> Option 2<br>

I thought about it, but as I'd like to use the same code for entry and
confirmation as far as possible, it would be truly nice to get along with
"true" radio buttons instead of images.

JDS · Mar 24, 2005

Philip Ronan said:
Philip Ronan said:

Sounds like you're generating a confirmation page inside the server,

Click to expand...

Yes, exactly.

so why don't you just do something like this instead:

<img src="checked.gif" alt="[x]> Option 1<br> <img
src="unchecked.gif" alt="[ ]"> Option 2<br>

Click to expand...

I thought about it, but as I'd like to use the same code for entry and
confirmation as far as possible, it would be truly nice to get along with
"true" radio buttons instead of images.

look into the "disabled" attribute. Might require JavaScript to set it,
not sure. Also, not sure if it is valid in all browsers.

example:
document.the_form[0].disabled = true;

later...

ikke · Mar 24, 2005

JDS said:
Sounds like you're generating a confirmation page inside the server,

Click to expand...

Yes, exactly.

so why don't you just do something like this instead:

<img src="checked.gif" alt="[x]> Option 1<br> <img
src="unchecked.gif" alt="[ ]"> Option 2<br>

Click to expand...

I thought about it, but as I'd like to use the same code for entry and
confirmation as far as possible, it would be truly nice to get along with
"true" radio buttons instead of images.

Click to expand...

look into the "disabled" attribute. Might require JavaScript to set it,
not sure. Also, not sure if it is valid in all browsers.

example:
document.the_form[0].disabled = true;

later...

this works on mozila "it only makes the checkbox gray"

<html>
<body>
<form action=url-goes-here method=get>

<P><input type=checkbox name=checkbox checked disabled></P>

<P><input type=reset name=myReset value="reset me"> " "
<input type=submit name=submit value=submit>
</form>
</body>
</html>

greetings

Jens Lenge · Mar 25, 2005

ikke said:
this works on mozila "it only makes the checkbox gray"
[...]
<P><input type=checkbox name=checkbox checked disabled></P>

Also works in IE6 - great!
Thank you all for your help!

Adrienne · Mar 25, 2005

ikke said:
ikke said:

this works on mozila "it only makes the checkbox gray"
[...]
<P><input type=checkbox name=checkbox checked disabled></P>

Click to expand...

Also works in IE6 - great!
Thank you all for your help!

But does it still work in your script? Are you still able to get the
value? AFAIK, once the control is disabled, it does not pass its value.
You would have to put the value into a hidden control.

Jukka K. Korpela · Mar 25, 2005

Jens Lenge said:
as I'd like to use the same code for entry and
confirmation as far as possible,

But not farther, I hope. They have different functions, hence they
should be suitably different.

it would be truly nice to get
along with "true" radio buttons instead of images.

No, it wouldn't. A radio button is something you can select. It's a
control to be used, not a symbol of a choice that has been made.
How you indicate the choice made depends on the context and even on
matters of taste, but quite often the best approach is to present just
the chosen alternative. There's no need for any particular symbol for
indicating selection then.

Fat Sam · Mar 25, 2005

Jens said:
How can I display a group of radio buttons *without* making the
displayed selection changeable?

Easy...Display an image of it instead....

How can I arrange a series of radio buttons?	2	Jan 25, 2024
I dont get this. Please help me!!	2	Jan 24, 2023
Radio buttons values not posting????	18	Nov 1, 2013
How to position the tooltip comment on these buttons?	9	Nov 4, 2023
Set value after clicking in field	11	May 9, 2023
Javascrip code wont run properly.	2	Oct 2, 2022
Radio Buttons used for FileUploaders?	4	Dec 30, 2007
Radio buttons	2	Aug 22, 2008

Set radio buttons to readonly?

Jens Lenge

Philip Ronan

Jens Lenge

JDS

ikke

Jens Lenge

Adrienne

Jukka K. Korpela

Fat Sam

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads