使用jQuery捕獲當前（不是先前）選定的單選按鈕的值

Question

我希望能夠獲取我剛選擇時捕獲點擊單選按鈕的值。下面的代碼片段返回以前的值，但是如果我點擊'Male'，那麼我想捕獲它，然後使用gender var。

$(document).ready(function() { 

    $('input[name=gender]').click(function() { 
      var gender = $('input[name=gender]:checked').val(); 
    }); 

}); 

<input type="radio" name="gender" value="male" />Male 
<input type="radio" name="gender" value="female" />Female 

這可能看起來像一個小問題，可能是，但我可能會丟失從樹木不見森林，因爲它是在當天晚。

Answer 1

使用$(this).val()，它會給你當前單選按鈕被點擊。你的代碼也工作正常，但你正在使用需要更少的選擇器。檢查你的代碼演示here

Live Demo

$(document).ready(function() { 

    $('input[name=gender]').click(function() { 
      var gender = $(this).val(); 
    }); 

}); 

Answer 2

嘗試改變事件，這是再更好的解決方案單擊

http://jsbin.com/arohuk/1/edit