使用 jQuery 检查单选按钮

在 web 开发中，单选按钮是常用的 UI 元素之一。为了获取用户选择的值，我们需要使用 jQuery 检查单选按钮。

代码片段

$("input[name='radio-btn']:checked").val();

这行代码可以获取 name 为 "radio-btn" 的单选按钮中被选中的值。

详细解释

我们可以使用 jQuery 的选择器来选中要检查的单选按钮。在本例中，我们使用了属性选择器来选中 name 为 "radio-btn" 的单选按钮，加上 ":checked" 伪类来选中被选中的单选按钮。

具体来说，选择器的语法如下：

$(selector)

其中，selector 是用来选中 HTML 元素的字符串。它可以是元素的名称、CSS 类名、元素 id、属性名等等。在本例中，我们使用了属性选择器和伪类来选中符合条件的单选按钮：

input[name='radio-btn']:checked

这个选择器表示选中 name 属性为 "radio-btn" 且被选中的单选按钮。接着，我们可以使用 jQuery 的 val() 方法来获取被选中的值：

.val()

如果有多个单选按钮被选中，则只会返回第一个被选中的按钮的值。如果没有任何单选按钮被选中，则会返回 undefined。

示例代码

以下是一个示例 HTML 代码片段，其中包含两个单选按钮：

<input type="radio" name="radio-btn" value="option-1" checked>Option 1
<input type="radio" name="radio-btn" value="option-2">Option 2

使用上述的代码片段获取被选中的单选按钮的值，可以这样写：

var selectedValue = $("input[name='radio-btn']:checked").val();
console.log(selectedValue); // 输出：option-1

结语

使用 jQuery 检查单选按钮非常简单，只需要使用合适的选择器和 val() 方法即可。同时，我们也可以使用其他 jQuery 方法来对获取的值进行处理，以满足我们的需求。