jquery - 防止单选按钮检查并显示警报

Question

如果选中组中的某个单选按钮，我会尝试显示警报，然后再次检查之前选中的单选按钮。

我正在考虑两种解决方案:

1. 添加 disabled 属性，但不会触发 click 事件，因此我无法弹出警报。

2. 如果我不添加 disabled 属性，则选中的单选按钮已在单击事件内发生更改，因此我无法获取我想要的原始选中的单选按钮想再检查一下。

基本上，我目前拥有的是:http://jsfiddle.net/Jygmn/2/

<input name="r" type="radio" id="r1"> r1<br>
<input name="r" type="radio" id="r2"> r2<br>
<input name="r" type="radio" id="r3"> r3<br>
<input name="r" type="radio" id="r4" disabled> r4<br>

JavaScript:

$('#r3, #r4').click(function() {
    window.alert($('input[name=r]:checked').attr('id'));
    // 1) doesn't alert for #r4 because it's disabled.
    // 2) always alerts r3 when #r3 is clicked but I'd like to
    //    obtain the formerly checked radio button id.
});

如何在#r3的click事件中获取之前选中的单选按钮(或者是否有类似beforeclick事件) ？或者如何使 click 事件适用于 disabled 单选按钮？

Answer 1

这可以有效地阻止点击到达不需要的单选按钮:

http://jsfiddle.net/df9ye/5/

$('#r3, #r4').mousedown(function(e) {
    e.stopPropagation();
    alert($(this).attr('id'));
});