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()"/>

<强> DEMO

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

请参阅Disable radio button according to selected choice

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

4 个答案: