使用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