使用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() ，它会显示当前单击的单选按钮。 您的代码也正常工作，但您使用的需要更少的选择器。 在这里查看您的代码的演示

现场演示

$(document).ready(function() {

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

});

Answer 2

尝试更改事件，这是更好的解决方案，然后单击

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