jQuery无线电输入。on('change')触发两次

该事件将在集合中的每个元素上触发,无论其处于选中状态。两个无线电意味着触发了两个事件

最好只在其中一个被实际检查并且只在那个特定的一个上触发时触发它。

你可以用 filter(':checked') 以选中的对象为目标(如果有)

$('.radio').on('change', function() {
  console.log('Checked value =', $(this).val())
}).filter(':checked').trigger('change');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
On <input type='radio' name='radio' class='radio' value='on'> 
Off <input type='radio' name='radio' class='radio' value='off' checked>

使用 e.stopImmediatePropagation();

$('.radio').on('change', function(e) {
    e.stopImmediatePropagation();
    alert( $(this).val() )
}).trigger('change')

这是锁链 .trigger('change')

因为你需要打电话给 change 我建议在加载时运行

function onRadioChange() { ... }

$('.radio').on('change', onRadioChange);

onRadioChange();

在文档加载时,更改会触发.radio类。由于单选类有两个单选按钮,它将触发对这两个按钮的更改,因为它使用相同的类标识这两个按钮。 手动执行此操作时,事件操作系统将在您单击的单选按钮上触发,因此事件仅针对该按钮触发。

使用 stopImmediatePropagation

$('.your_class_name').change(function(event) {
    event.stopImmediatePropagation();
    alert($(this).val());
});