当通过其他地方的jQuery检查此按钮时，触发附加到单选按钮的jQuery代码

Question

在某些插件中，手动检查单选按钮时会运行以下代码：

;(function ( $, window, document, undefined ) {
    $.fn.wc_variation_form = function() {
    var $form = this;
    $form.on( 'change', '.variations input:radio', function() { 
    // this code runs when radio buttons are checked
    });
});

在我自己的jQuery代码中，我需要使用prop('checked', true)检查相同的单选按钮。问题：这样做无法触发上面的代码。我怎样才能确保它被执行？

Answer 1

更改属性时需要触发事件。以编程方式进行更改时未检测到事件

$(document).on( 'change', '.variations input:radio', function() { 
    // whatever
});

$('button').click(function(){
  $('.variations input:radio[value=foo]')
       // change the property
       .prop('checked', true)
       // now trigger the event
       .change();
});