The JavaScript FAQ
Prev	Home	Next

Disabling a Radio Button

Question: How do I disable a radio button in a form (making it not selectable)?

Answer: To make a radio button not selectable, in the button's INPUT tag you can use an onClick event handler like this:

<INPUT type="radio" name="myButton" value="theValue"
onClick="this.checked=false;
alert('Sorry, this option is not available!')">

In the example below, the "Courier delivery" option is disabled. Try it now - you'll get an alert box with the text Sorry, this option is not available!

Delivery method (choose one):
download
regular mail
courier delivery

JavaScripter.net. Copyright © 1999-2006, Alexei Kourbatov

The JavaScript FAQ
Prev	Home	Next