DEMO

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

您可以将click事件绑定到文档就绪的所有单选按钮：

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

Answer 3

如果您希望Click事件使用click事件而不是 ~~focusin~~ ，请执行以下操作：

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

DEMO

注意：如果您使用的是Jquery版本＆gt; = 1.7。您可以使用.on()代替.delegate（）

Javascript将onclick事件添加到窗口加载的单选按钮上

3 个答案:

DEMO