Using jQuery to trigger radio button onclick event

Question

I have a code where I am selecting radio button using the .prop() method. Issue is I also have the onclick event on radio button is there any workaround to make it trigger an onclick event as well using jQuery

jQuery Code

/**
 * 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 Code

<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>

Please create a minimal reproducible example in order to help you better. — 31piy
– 31piy, Commented Aug 31, 2018 at 4:46
Possible duplicate of Using jQuery to trigger html onclick event — Esko
– Esko, Commented Aug 31, 2018 at 4:55

Shiladitya · Accepted Answer · 2018-08-31 04:52:31Z

0

Here you go with a solution

$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");
  });
});

answered Aug 31, 2018 at 4:52

Shiladitya

12.2k17 gold badges29 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Axad Doe Over a year ago

Getting this error: Uncaught RangeError: Maximum call stack size exceeded

Aditya Sharma · Accepted Answer · 2018-08-31 05:08:40Z

0

My suggestion would be to remove onclick attribute with a separate event listener first.
Refer jQuery.click() vs onClick.
Remove line:

e.preventDefault()

answered Aug 31, 2018 at 5:08

Aditya Sharma

6532 gold badges13 silver badges31 bronze badges

Collectives™ on Stack Overflow

Using jQuery to trigger radio button onclick event

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related