How to prevent second click on radio button if it is already checked so that javascript event can be prevented.

As I am doing many things onclick of radio button

<input name="EnumEvent" type="radio" value="Open" onclick="show_event()"/>

javascript

function show_event()
{
    document.getElementById("radio-btns-div1").style.display="block";
    document.getElementById('invited').style.display="none";
    document.getElementById('invited').value = '';
    document.getElementById('invite_1').value='';
}

How to prevent second click on radio button if it is already checked so that javascript event can be prevented.

As I am doing many things onclick of radio button

<input name="EnumEvent" type="radio" value="Open" onclick="show_event()"/>

javascript

function show_event()
{
    document.getElementById("radio-btns-div1").style.display="block";
    document.getElementById('invited').style.display="none";
    document.getElementById('invited').value = '';
    document.getElementById('invite_1').value='';
}

• javascript

• you mean Disable radiobutton after clicking ? – dotmido Commented Mar 12, 2013 at 12:37
• Fabrizio Calderan now have a look at the code. You would get a better idea – Aayush Aarwal Commented Mar 12, 2013 at 12:39

4 Answers 4

You could use change event instead of click

<input name="EnumEvent" type="radio" value="Open" onchange="show_event()"/>

DEMO

Add the disabled attribute

function show_event()
{
  document.getElementByName("EnumEvent").setAttribute("disabled", "disabled");
  ...
}

Don't forget to remove the attribute when/if you want the user to be allowed to select another option.

var clicked = false;
$('input:radio.yourclass').click(function(event){
     if (clicked){
         event.preventDefault();
     }
     clicked = true;
});

function Clicked() {
if (document.getElementById("radio-btns-div1").checked) {

document.getElementById("radio-btns-div1").disabled = true;
}

Refer to Disable radio button according to selected choice