Question

我正在使用输入元素上的遗留onclick函数开发一个网站：

<input name="input_41" type="radio" value="76" id="choice_41_1" onclick="gf_apply_rules(5,[6,7,8]);">

不幸的是，我无法直接更改或修改遗留代码。

我也在尝试更新网站，并使用额外的CSS和JS使表单元素更漂亮。我用来处理无线电元素的新函数之一使用jQuery On()函数。此功能运行良好，但似乎覆盖现有的onclick函数gf_apply_rules()。以下是jQuery的一个示例：

$(document).on('click.radio.data-api', '[data-toggle^=radio], .radio', function (e) {
    var $radio = $(e.target);
    e && e.preventDefault() && e.stopPropagation();
    if (!$radio.hasClass('radio')) $radio = $radio.closest('.radio');
    $radio.find(':radio').radio('toggle');
});

无论如何我可以使用On()保持指定的现有HTML onclick功能吗？

Answer 1

e.preventDefault（）将阻止原始（较旧的）onclick处理程序。您是否尝试删除该行以查看是否同时调用了两个事件处理程序。。。？

将一个HTML属性onClick函数与一个jQuery On函数结合起来？

1 个答案: