javascript - 如果已选中单选按钮，如何防止第二次单击以防止 javascript 事件

Question

如果已选中单选按钮，如何防止第二次单击单选按钮，以防止 javascript 事件。

当我在单选按钮上做很多事情时

<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='';
}

Answer 1

您可以使用更改事件而不是单击

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

演示

Answer 2

添加禁用属性

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

当/如果您希望允许用户选择另一个选项时，请不要忘记删除该属性。

Answer 3

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

Answer 4

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

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

请参阅根据所选选项禁用单选按钮