获取之前检查的单选按钮

Question

给定一组单选按钮,例如:

<input id="B_1" type="radio" name="radioName" value="1">
<input id="B_2" type="radio" name="radioName" value="2">
<input id="B_3" type="radio" name="radioName" value="3">
<input id="B_4" type="radio" name="radioName" value="4">

当其中一个被检查时,是否可以知道哪个以前是活动的(如果有的话)？

我尝试将以下函数附加到onclick事件中,但它不起作用,因为它返回当前选中的单选按钮而不是之前选择的单选按钮:

my_func = function() {
    var checkedValue = $('input[type=radio]:checked').val();
    return alert("The previously selected was: " + checkedValue);
  };

我不知道是否可以提供任何帮助,无论如何,这是完整的尝试:http://jsfiddle.net/H6h4R/

Answer 1

试试这个 - http://jsfiddle.net/H6h4R/1/

$(":radio").on("mousedown", function() {
    $("p").text( $('input[type=radio]:checked').val() );
}).on("mouseup", function() {
    $('input[type=radio]').prop('checked', false);
    $(this).prop('checked', true);
});

该click事件仅在这一系列事件发生后触发:

• 当指针位于元素内时,按下鼠标按钮.
• 指针位于元素内部时释放鼠标按钮.