为什么触发“点击”？在radioButton和Checkbox上导致不同的事件？

Question

当您查看触发的事件时，触发单选按钮和复选框上的单击事件会导致略有不同的结果：

通过执行

触发单击RadioButton

$('#radio01').trigger('click');

并通过

在单选按钮上捕捉事件

$('#radio01').on('click', reactToClick);

function reactToClick(event) {
    console.log(event);
}

向我显示不同的结果，然后在复选框上执行相同的操作：

$('#myCheckbox').trigger('click');

＆安培;

$('#myCheckbox').on('click', reactToClick);

function reactToClick(event) {
    console.log(event);
}

Checkbox＆amp; RadioButton看起来像这样：

<input type="checkbox" id="myCheckbox" name="checkme" />
<label for="myCheckbox">Check Me</label>

<input type="radio" id="radio01" name="radio" value="0" />
<label for="radio01">Option 1</label>

您可以在我创建的this Plunkr中看到不同的输出，以显示问题。 谁能告诉我它为什么表现不同？

编辑： 由于已经有了一些答案，当我点击Plunkr中的那些Trigger-Buttons时，我的浏览器会发生这种情况：