javascript - 单选按钮组 - 按钮的更改事件被取消选择？

Question

假设我有一组两个单选按钮:

<input type="radio" name="radioButtonGroup" value="button1" checked="true"/>
<input type="radio" name="radioButtonGroup" value="button2"/>

似乎单击第二个按钮会触发事件处理程序仅在该按钮上。但是，第一个按钮确实被取消选择，并且视觉上确实发生了变化。任何人都可以验证事件是否仅被选中的按钮触发，而不是组中因单击而取消选择的任何其他按钮？有什么巧妙的方法来监视取消选择事件的单选按钮？

Answer 1

虽然无法确认，但事件变更触发不会发生在整个群体。

如果您希望这样做，您可以使用各种 JS 库(如 jQuery、YUI 等)甚至纯 javascript 来实现，如下所示:

function buttonGroupChange(){
    var radioElements = document.getElementsByName("radio_group_name");
    for(var i = 0; i < radioElements.length; i++){
        if(radioElements[i].checked == true){
             //do something
        }
        else{
            //do something
        }
    }
}

此函数可以在 onClick 或 onChange 事件上调用。

希望这能解决您的问题。