jquery判断radio是否被选中

使用 jQuery 判断 radio 是否被选中

方法一：使用 :checked 选择器

通过 :checked 选择器可以直接获取被选中的 radio 元素，判断其是否存在。

if ($('#radioId').is(':checked')) {
    // radio 被选中
} else {
    // radio 未被选中
}

方法二：获取 checked 属性值

直接获取 radio 元素的 checked 属性值，返回布尔值。

if ($('#radioId').prop('checked')) {
    // radio 被选中
} else {
    // radio 未被选中
}

方法三：针对一组 radio 按钮

如果需要判断一组 radio 按钮中是否有被选中的项，可以使用以下方式：

if ($('input[name="radioGroupName"]:checked').length > 0) {
    // 至少有一个 radio 被选中
} else {
    // 没有 radio 被选中
}

方法四：获取被选中的 radio 的值

如果需要获取被选中的 radio 的值，可以结合 val() 方法：

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

注意事项

• 确保 radio 按钮的 name 属性一致，以实现分组互斥选择。
• 使用 prop() 方法获取 checked 属性比 attr() 更可靠，因为 attr() 可能返回初始值而非当前状态。