如何使用 jQuery 判断哪个单选按钮被选中？

大家好！我是网页开发新手，正在尝试理解表单中的单选按钮。我有一组用于选择用户性别的单选按钮： ``` 男 女 获取结果 ``` 我希望点击按钮时，在控制台输出选中的单选按钮的值（例如 "male" 或 "female"）。我尝试编写了这样的代码： ``` $('#submit').click(function() { var selected = $('input[name="gender"]:checked').val(); console.log(selected); }); ``` 但有时它能正常工作，有时却输出 `undefined`。我不明白为什么。是不是我错误地使用了 `:checked` 选择器？或者问题在于单选按钮没有包裹在 `

` 中？请告诉我如何用 jQuery 正确判断选中的单选按钮，使代码稳定运行。感谢提供示例和解释！另外，我也想知道是否不仅能获取