javascript - 如果我以编程方式选择单选按钮，则调用 change() 事件处理程序

Question

我有这样的 HTML:

<input type="radio" name="type" value="FL" checked="checked" />Fixed
<input type="radio" name="type" value="SV" />Saving
<input type="radio" name="type" value="L2" />Type 2

和下面的脚本

$(function () {
        $('input[name=type]').change(function () {
            alert($(this).val());
        });
        $('input[value=SV]').attr('checked', 'checked');
    });

首先，为单选按钮添加了一个更改事件。 如果我从 UI 选择单选按钮，则会触发更改事件处理程序。 但是当我以编程方式更改选定的单选按钮值时，它不会触发。

我希望在以编程方式选择单选按钮时也触发 change 事件。

Answer 1

您可以使用 trigger() 以编程方式引发事件:

$(function () {
  $('input[name="type"]').change(function() {
    console.log($(this).val());
  });
  $('input[value="SV"]').prop('checked', true).trigger('change');        
});