Html кнопка действие только при первом нажатии

Question

Я могу установить действие при нажатии кнопки html. Но мне нужно установить действие только с помощью FIRST. Есть какой-либо способ сделать это? Кнопка представляет собой радио в форме. Может быть, есть javascript?

Что важно - переключатель радиопомех все еще может быть изменен. Но действие нужно делать только один раз.

Это не работает

function myfunction(i){ 
oForm = document.forms["myform"]; 
if(oForm.elements["field"+i].checked) 
    alert("action done earlier"); 
else 
    action 
} 

Answer 1

Чистейший решение возможно использовать removeEventListener для ... удалить прослушиватель событий:

var myButton = document.getElementById('someId'); 
var handler = function(){ 
    // doSomething 
    myButton.removeEventListener('click',handler); 
} 
myButton.addEventListener('click', handler); 

(чтобы сделать его чище, вы можете обернуть это в IIFE, как в примере ниже)

Demonstration

Answer 2

Если вы preffer JQuery, вы можете использовать JQuery отвязать

$("button").click(function(){ 
    /* some content */ 
    $(this).unbind('click'); 
}); 

Html

<button> Some content </button> 

Answer 3

Вы можете использовать свойство, чтобы отключить кнопку, как только она была нажата, добавив,

disabled="disabled" 

на кнопку после щелчка по кнопке?

Answer 4

Для решения этой проблемы я использовал jQuery.on, а также jQuery.off - см. Мой код на jsfiddle!

$(document).ready(function() { 
    var button = $('#my-button'); 

    function onClick() { 
     alert('clicked'); 
     button.off('click', onClick); 
    }; 

    button.on('click', onClick); 
}); 

http://jsfiddle.net/VxRyn/

Answer 5

Заканчивать обработчик событий JQuery .one().

$("#my-button").one('click', function() { 
    /* Do something at most once */ 
});