Radio button and "Readonly"

I would like to be able to "lock" a radio button much in the same way that a text field can be "locked" using the Readonly property.  I have tried the Disable property but it changes the appearance of the radio button.  I am looking for something that doesn't change the appearance but still locks the control.
TheChosAsked:
Who is Participating?
 
Dean OBrienConnect With a Mentor Commented:
This might be a long winded way of doing it...

But have an <div> containing a picture with transparent background.  Absolutely position it above the radio button.  Depending upon the events leading to the radio button becoming 'locked', alter the z-index of the div and the radio button.  Thus not changing the appearance of the button yet making it unavailable.

i.e.
OPEN
--------------- radio button    (z-index=2)
--------------- invisible div     (z-index=1)

LOCKED
---------------invisible div     (z-index=2)
---------------radio button    (z-index=1)

The problem be positioning the div over the radio button. (are you using CSS to layout).  Have a go any way.

Easynow

0
 
hb21l6Commented:
I dont think you can do this which only leaves you two options.

1. have a picture that looks like a radio button or

2. have a dead button on the screen that doesn't do anything.


sorry

hb
0
 
YZlatCommented:
<input type="radio" name="radio1" style="color: #000000">
0
 
errowsCommented:
<input type="radio" value="1" readonly="readonly" checked="cheked" />Radio

Seems to work properly no?
0
 
grossacCommented:
Take a look at this previous message. It seems to address this issue quite well.

http://www-level3.experts-exchange.com/Web/Web_Languages/HTML/Q_20661287.html
0
All Courses

From novice to tech pro — start learning today.