Javascript在窗口加载时向单选按钮添加onclick事件

Javascript在窗口加载时向单选按钮添加onclick事件,javascript,jquery,Javascript,Jquery,我需要在单选按钮中添加一个onClick事件,以便调用另一个函数(calculateTotal) 我无法编辑HTML,所以我使用“委托”来针对特定元素。以下代码是我的尝试,但没有任何作用: window.onload = function(){ $('form').delegate('input[type="radio"]', 'focusin', function () { $(this).onclick = function() { 'calculateTotal()' }; }

我需要在单选按钮中添加一个onClick事件,以便调用另一个函数(calculateTotal)

我无法编辑HTML,所以我使用“委托”来针对特定元素。以下代码是我的尝试,但没有任何作用:

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

有人能帮忙吗?

你不应该用丑陋的
onclick
。您应该使用jQuery绑定事件,如

使用

但是,如果您在jQuery上使用最新版本,请使用


您可以将单击事件绑定到“文档准备就绪”上的所有单选按钮:

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

如果要
单击
事件,请使用
单击
事件而不是聚焦,如下所示:

$('form').delegate('input[type="radio"]', 'click', calculateTotal)
                                          ^^^^^^^
注意:如果您使用的是Jquery版本>=1.7。您可以使用而不是.delegate()

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