jquery - 获取用户选择新单选按钮之前选择的单选按钮的值

Question

如果我有 3 个单选按钮，有没有一种方法可以通过 jQuery 在用户单击新按钮之前找出所选按钮的值？

<div id="radio-group">
    <input type="radio" id="radio-1" name="radios" value="1" checked="true" />
    <input type="radio" id="radio-2" name="radios" value="2" />
    <input type="radio" id="radio-3" name="radios" value="3" />
</div>

在上面的例子中，如果用户点击radio-3，我需要一种方法来获取1，以便我可以对其进行一些格式化。谢谢。

Answer 1

您可以使用mouseup和change事件。鼠标松开时，您将获得在选择其他单选按钮之前选择的 radio 按钮的值，并且更改事件将给出 radio 按钮的新选择。

<强> Live Demo

$('input[name=radios]').mouseup(function(){
    alert("Before change "+$('input[name=radios]:checked').val());
}).change(function(){
    alert("After change "+$('input[name=radios]:checked').val());
})​;