jquery判断radio选中

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

方法一：使用 :checked 选择器

通过 :checked 选择器可以快速判断 radio 按钮是否被选中。

if ($('#radioId').is(':checked')) {
    console.log('Radio 被选中');
} else {
    console.log('Radio 未被选中');
}

方法二：使用 prop() 方法

prop() 方法可以获取或设置 DOM 元素的属性值，适用于判断 checked 状态。

if ($('#radioId').prop('checked')) {
    console.log('Radio 被选中');
}

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

如果需要获取一组 radio 按钮中被选中的值，可以通过 name 属性筛选。

var selectedValue = $('input[name="radioGroupName"]:checked').val();
console.log('选中的值为：' + selectedValue);

方法四：遍历 radio 组检查选中状态

可以通过遍历一组 radio 按钮，检查每个按钮的选中状态。

$('input[name="radioGroupName"]').each(function() {
    if ($(this).is(':checked')) {
        console.log('选中的值为：' + $(this).val());
    }
});

注意事项

• 确保 jQuery 库已正确加载。
• 如果 radio 按钮是动态生成的，可能需要使用事件委托（如 on() 方法）监听变化。
• 使用 val() 方法获取的是选中 radio 的 value 属性值，而非 checked 状态。