使用jQuery捕获当前（不是之前）选定的单选按钮的值

Question

我希望能够在捕获单选按钮时获取我刚刚选择的值 。下面的一小段代码会返回之前的值，但是如果我单击“男性”，那么我想捕获它，然后使用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