Javascript добавить событие onclick к переключателям на загрузке окна

Question

Мне нужно добавить событие onClick к переключателям, которые затем позволят мне вызвать другую функцию (calculateTotal).

Я не могу редактировать HTML, поэтому я использую делегат для целевых элементов. Следующий код - это моя попытка, но он ничего не делает:

window.onload = function(){ 
    $('form').delegate('input[type="radio"]', 'focusin', function() { 
    $(this).onclick = function() { 'calculateTotal()' }; 
    }); 
}; 

Может кто-нибудь помочь?

Answer 1

Вы не должны использовать уродливые onclick. Вы должны связать события с помощью JQuery, как

Использование

$('form').delegate('input[type="radio"]', 'click', calculateTotal) 

Однако, если вы используете последнюю версию на JQuery использовать .on()

$('form').on('click','input[type="radio"]', calculateTotal) 

Answer 2

Вы можете связать нажмите событие для всех радиокнопок в документе готовы:

$(function(){ 
    $('form input[type="radio"]').on('click', calculateTotal); 
}); 

Answer 3

Если вы хотите Click мероприятие использовать click событие вместо focusin , как это:

$('form').delegate('input[type="radio"]', 'click', calculateTotal) 
              ^^^^^^^ 

DEMO

Примечание: Если вы используете Jquery версии> = 1.7. Вы можете использовать .on() вместо .delegate()