JavaScript中是否存在仅在单选按钮被选中时触发的事件？

首先明确：JavaScript原生事件中不存在名为checked的事件，你示例里绑定checked事件的写法不会触发任何操作。

可用的替代方案 #

虽然没有专门的checked事件，但可以通过change事件实现需求，不过需要在回调中添加判断逻辑：

• change事件会在单选按钮的选中状态发生变化时触发——包括从“未选中”变为“选中”，也包括从“选中”变为“未选中”（比如同一组里另一个单选按钮被选中时）。
• 因此，只要在事件回调中判断当前按钮是否处于选中状态，就能实现“仅当被选中时执行操作”的效果。

正确示例代码 #

document.getElementById("radio1").addEventListener('change', (e) => {
    // 仅当按钮被选中时执行操作
    if (e.target.checked) {
        console.log("第一个单选按钮被选中了");
        // 这里写你的操作逻辑
    }
});

如果是同一组单选按钮，也可以用事件委托统一绑定，减少重复代码：

<div id="radioGroup">
    <input type="radio" name="radio" id="radio1">
    <input type="radio" name="radio" id="radio2" checked>
    <input type="radio" name="radio" id="radio3">
</div>

document.getElementById("radioGroup").addEventListener('change', (e) => {
    if (e.target.type === 'radio' && e.target.checked) {
        console.log(`单选按钮 ${e.target.id} 被选中了`);
        // 针对不同按钮执行对应操作
    }
});

内容的提问来源于stack exchange，提问作者Fifi