如何防止第二次点击单选按钮，如果它已经被选中，以便可以防止javascript事件

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

本文关键字：事件 javascript 第二次 何防止 单选按钮 如果      更新时间：2023-09-26

如果已经选中单选按钮，如何防止再次点击单选按钮，以便防止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='';
}

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

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

DEMO

添加禁用属性

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

如果您希望允许用户选择其他选项，请不要忘记删除该属性。

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

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

相关文章：