jquery判断radio选中

使用 jQuery 判断 radio 按钮是否选中

通过 jQuery 可以轻松判断单选按钮（radio）是否被选中。以下是几种常见方法：

方法一：使用 :checked 选择器

if ($('#radioId').is(':checked')) {
    // 选中时的逻辑
} else {
    // 未选中时的逻辑
}

方法二：直接获取 checked 属性

if ($('#radioId').prop('checked')) {
    // 选中时的逻辑
}

方法三：获取一组 radio 中被选中的值

如果有一组 radio 按钮，可以通过 name 属性获取被选中的值：

var selectedValue = $('input[name="radioGroupName"]:checked').val();
if (selectedValue) {
    // 选中时的逻辑
}

方法四：遍历 radio 组

需要检查多个 radio 按钮时：

$('input[name="radioGroupName"]').each(function() {
    if ($(this).is(':checked')) {
        // 当前 radio 被选中
    }
});

注意事项

• 确保 radio 按钮的 name 属性一致以形成一组互斥选项。
• 使用 prop() 方法而非 attr() 获取 checked 属性，因为 checked 是动态属性。
• 在事件处理中（如 change 事件），可以通过事件对象直接获取选中状态。