javascript - 使用 jQuery 捕获当前(不是之前)选择的单选按钮的值

标签 javascript jquery onclick radio-button

我希望能够在捕获单选按钮的点击时获取我刚刚选择的值。下面的小代码片段返回之前的值,但是如果我单击“男性”,那么我想捕获它,然后对 gender 变量执行其他操作。

$(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).val(),它会给你当前被点击的单选按钮。您的代码也工作正常,但您使用的是不需要的选择器。检查代码演示 here

<强> Live Demo

$(document).ready(function() {

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

});

关于javascript - 使用 jQuery 捕获当前(不是之前)选择的单选按钮的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13034607/

相关文章:

javascript - 如何使用在 React 初始状态中声明的空数组?

javascript - 如何在不使用 for 循环的情况下在 jQuery 中同时删除多个 tr

javascript - jQuery:在尝试选择动态创建的跨度时被难住了

Javascript 函数不适用于数组

javascript - 点击每个onclick,其中onclick属性随机变化

javascript - 如何在 React 中使用 Material UI 定义背景图像来填充屏幕并删除左侧和右侧的边缘?

javascript - meteor 。防止从控制台多次插入

javascript - 嵌套回调 future /现在

php - 为什么这适用于 IE 而不适用于 Firefox 或 Chrome?

jquery - MaterializeCSS 动态添加自动完成字段