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

admin管理员组

文章数量:1332352

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

Share Improve this question Follow asked Mar 12, 2013 at 12:36 Aayush AarwalAayush Aarwal 70433 gold badges99 silver badges2222 bronze badges 2

• 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

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 5

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

本文标签：