0

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

所以触发点击 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);
}

复选框和单选按钮如下所示:

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

您可以在我创建的这个 Plunkr中看到不同的输出来可视化问题。谁能告诉我为什么它的行为不同?

编辑:由于已经有了一些答案,当我单击 Plunkr 中的那些触发按钮时,这就是我的浏览器中发生的情况: 在此处输入图像描述

4

0 回答 0