使用 jQuery 捕获当前（不是上一个）选中的单选按钮的值答案

【问题标题】：capture the value of the current (not previous) selected radio button with jQuery使用 jQuery 捕获当前（不是上一个）选中的单选按钮的值
【发布时间】：2012-10-13 15:08:24
【问题描述】：

我希望能够在捕获单选按钮的点击时获得我刚刚选择的值。下面代码的小 sn-p 返回之前的值，但是如果我单击“男性”，那么我想捕获它，然后使用 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) 不适合您？此外，您的代码运行良好。
Your code works for me。您的错误必须在其他地方。

标签： javascript jquery onclick radio-button

【解决方案1】：

使用$(this).val()，它将为您提供当前单击的单选按钮。您的代码也可以正常工作，但您使用的需要更少的选择器。检查您的代码演示here

Live Demo

$(document).ready(function() {

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

});

【讨论】：

谢谢，我知道这是一个无意义的问题。叹息。

【解决方案2】：

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

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

【讨论】：