使用jQuery触发单选按钮onclick事件

Question

我有一个使用.prop()方法选择单选按钮的代码。 问题是我也有单选按钮上的onclick事件 ，是否有任何变通办法使它也可以使用jQuery触发onclick事件

jQuery代码

/**
 * Select shipping method when selected from the list
 */
$(document).ready(function() {
    var $options = $('.shipping-method .item');

    $options.click(function(e) {
        var $current = $(this);
        e.preventDefault()
        e.stopPropagation()
        $options.removeClass('on')
        $current.addClass('on')
        $('input', $current).prop('checked', true)
    })
})

HTML代码

<li>
    <div class="item"><a href="javascript:;" class="shipping_3">Home Delivery</a>
        <input name="shipping" type="radio" class="radio" id="shipping_3" value="3" checked="checked" supportcod="1" insure="0" onclick="selectShipping(this)">
    </div>
</li>

Answer 1

在这里你有一个解决方案

$ current.prop（'checked'，true）.trigger（“ click”）;

$(document).ready(function() {
  var $options = $('.shipping-method .item');

  $options.click(function(e) {
    var $current = $(this);
    e.preventDefault()
    e.stopPropagation()
    $options.removeClass('on')
    $current.addClass('on')
    $current.prop('checked', true).trigger("click");
  });
});

Answer 2

我的建议是先使用单独的事件侦听器删除onclick属性。
参考jQuery.click（）与onClick 。
删除行：

e.preventDefault()