javascript - 点击事件中无法正确获取选中的radio

Question

页面代码如下:

<input type="radio" class="direct" name="r1" value="first" />
    <span class="proxy">radio1</span>
<input type="radio" class="direct" name="r1" value="second" />
    <span class="proxy">radio2</span>

js代码如下:

$('.direct').click(function(e) {
    var obj = $(this).parent(),
        value = obj.find('input:checked').val();
    if(value){
        alert('you click ' + value + ' button');
    }else{
        alert('you did not click a button');
    }
});
$('.proxy').click(function(e) {
    $(this).prev().click();
});​

这是example on JSFiddle

我的问题是:
为什么单击跨度文本不像直接单击单选按钮那样有效？

Answer 1

正如我之前所说，问题不清楚，至少对我来说是这样。但是，如果您想在单击下一个跨度时检查 radio ，您可以这样做:

$('.proxy').click(function(e) {
    $(this).prev().attr('checked', true)
});​