如何在 jQuery 中获取单击的单选按钮值 - Javascript

当涉及到获取单选按钮的选中值时，jQuery 提供了很便捷的方法来完成这个任务。

HTML 代码示例

<div>
    <input type="radio" name="color" value="red">红色
    <input type="radio" name="color" value="green">绿色
    <input type="radio" name="color" value="blue">蓝色
</div>

jQuery 代码示例

// 使用 jQuery 的 click() 方法来为单选按钮添加点击事件
$("input[name='color']").click(function() {
    // 使用 jQuery 的 val() 方法来获取单选按钮的选中值
    var colorValue = $("input[name='color']:checked").val();
    console.log(colorValue);  // 输出选中的颜色值
});

上述代码中，我们给单选按钮添加了一个点击事件。在该点击事件中，我们使用 jQuery 的 val() 方法来获取被选中的单选按钮的值。在这个例子中，如果用户点击了红色的单选按钮，那么 colorValue 的值将会是 "red"。如果用户点击了绿色的单选按钮，那么 colorValue 的值将会是 "green"，以此类推。

需要注意的是，我们使用的是 jQuery 的选择器来获取所有的单选按钮，并且将它们的 name 属性设置为 "color"。这个 name 属性的设置非常重要，因为它允许我们将单选按钮分组在一起，并且确保只有一个单选按钮被选中。

几乎所有的 jQuery 版本都支持上述代码片段，所以你不用担心它是否适用于你的项目。