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

Question

I want to be able to get the value that I just selected when capturing the click of a radio button. The small snippet of code below returns the previous value, however if I click 'Male' then I want to capture it and then do something else with the 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

This may appear like a minor question, and likely is, but I may be missing the wood from the trees because it is late in the day.

Answer 1

Use $(this).val() , It will give you the current radio button being clicked. Your code is also working fine but you are using need less selector. Check demo of your code here

Live Demo

$(document).ready(function() {

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

});

Answer 2

try change event, this is better solution then click

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