JQuery的 - 不能正確得到檢查收音機的單擊事件

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

我的問題是： 爲什麼點擊span文本不能像直接單擊單選按鈕那樣工作。

Answer 1

正如我剛纔所說，問題是不明確的，至少對我來說。但是，如果您想在下一個跨度上點擊時檢查收音機，您可以這樣做：

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

Answer 2

如果使用for屬性設置爲正確輸入的標籤，則可以避免所有此問題。

<input type="radio" class="direct" name="r1" id="r11" value="first"/> 
<label class="proxy" for="r11">radio1</label> 
<input type="radio" class="direct" name="r1" id="r12" value="second"/> 
<label class="proxy" for="r12">radio1</label>​​​​​​​​​ 

DEMO