单选按钮是Web表单中最基本的元素之一，用户可以通过它们做出选择。在某些情况下，我们需要知道哪个单选按钮被选中以便进行后续操作，这时就需要用到jQuery。
jQuery选择器
在学习如何判断哪个单选按钮被选中之前，我们首先要了解jQuery选择器。jQuery选择器允许我们根据不同的条件来选择HTML元素。以下是一些常见的jQuery选择器：
- 类选择器：通过类名来选择元素，语法为
.class - ID选择器：通过id属性来选择元素，语法为
#id - 元素选择器：通过标签名来选择元素，语法为
tagname - 属性选择器：通过属性值来选择元素，语法为
[attribute=value]
获取单选按钮的值
要判断哪个单选按钮被选中，我们首先需要获取其值。可以使用jQuery的val()方法来获取单选按钮的值。例如，假设我们有以下两个单选按钮：
<input type="radio" name="gender" value="male">男性 <input type="radio" name="gender" value="female">女性
我们可以使用以下代码来获取被选中的单选按钮的值：
var gender = $('input[name="gender"]:checked').val();这行代码中，我们使用了jQuery的属性选择器[attribute=value]来选择name属性为gender且被选中的单选按钮，然后使用val()方法获取其值。
判断单选按钮是否被选中
有了单选按钮的值，我们可以根据需要进行下一步操作。但是如果没有任何一个单选按钮被选中怎么办？此时，上面的代码会返回undefined，这可能会导致错误。因此，我们需要先判断哪个单选按钮被选中。
可以使用jQuery的is()方法来判断单选按钮是否被选中。例如，假设我们有以下两个单选按钮：
<input type="radio" name="color" value="red">红色 <input type="radio" name="color" value="green">绿色
我们可以使用以下代码来判断哪个单选按钮被选中：
if ($('input[name="color"]').is(':checked')) {
var color = $('input[name="color"]:checked').val();
} else {
console.log('请先选择一个颜色');
}这行代码中，我们使用了jQuery的is()方法来判断name属性为color的单选按钮是否被选中。如果被选中，则使用val()方法获取其值，并将其赋给变量color；否则，输出提示信息。
示例代码
下面是一个完整的示例代码：
-- -------------------- ---- -------
------
-----------------
------ ------------ ------------ --------------
------ ------------ ------------ ----------------
-------
--------
---------------------------- -
------------------------------------------ -
-- ----------------------------------------- -
--- ----- - ---------------------------------------
---------------------- - -------
- ---- -
------------------------
-
---
---
---------这段代码创建了一个包含两个单选按钮的表单，并使用jQuery来监听单选按钮的变化。当用户选择一个颜色时，将输出选择的颜色；如果没有选择颜色，则输出提示信息。
总结
通过以上示例代码，我们可以学习到如何使用jQuery判断哪个单选按钮被选中。同时，我们也学习了jQuery选择器和val()方法的使用。在
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7164