jquery获取radio选中的值

使用 jQuery 获取 radio 选中的值

通过 jQuery 可以轻松获取单选按钮（radio）的选中值。以下是几种常见的方法：

方法一：使用 :checked 选择器和 .val()

var selectedValue = $('input[name="radioName"]:checked').val();

• input[name="radioName"] 选择所有 name 为 radioName 的单选按钮。
• :checked 筛选出当前选中的单选按钮。
• .val() 获取选中单选按钮的值。

方法二：遍历单选按钮组

如果需要检查是否有选中项或进一步处理，可以遍历单选按钮组：

$('input[name="radioName"]').each(function() {
    if ($(this).is(':checked')) {
        var selectedValue = $(this).val();
        console.log(selectedValue);
    }
});

• .each() 遍历所有匹配的单选按钮。
• .is(':checked') 判断当前按钮是否被选中。

方法三：直接获取选中项的值

如果确保至少有一个单选按钮被选中，可以直接获取值：

var selectedValue = $('input[name="radioName"]:checked').val();
if (selectedValue) {
    console.log(selectedValue);
} else {
    console.log('没有选中任何项');
}

注意事项

• 确保单选按钮的 name 属性一致，以便正确分组。
• 如果没有任何单选按钮被选中，.val() 会返回 undefined。

通过这些方法，可以灵活地获取和处理单选按钮的选中值。