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

Question

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

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

看来,单击第二个按钮触发的事件处理程序上只有该按钮.但是,第一个按钮确实被取消选择,并且在视觉上确实会发生变化.任何人都可以验证事件是仅在所选按钮上触发的,而不是由于点击而取消选择的组中的任何其他按钮吗？有什么聪明的方法来观看取消选择事件的单选按钮？

Answer 1

我无法确认仅针对所选按钮触发事件，但如果您需要对刚刚取消选择的按钮执行某些操作，则可以使用以下方法：

$(document).ready(function(){   
    var selectedRadio = null;
    $("input:radio").change(function(){        
        if(selectedRadio != null){
           alert(selectedRadio.val());   
        }
        selectedRadio = $(this);
    });
});

在这里行动。

如果您需要跟踪多组单选按钮，您可以使用当前选定的按钮数组来实现，并在检测到更改时在该数组中进行匹配。