jquery获取radio

jQuery 获取 radio 值的方法

使用 jQuery 获取 radio 按钮的值可以通过多种方式实现，具体取决于需求和场景。

方法一：获取选中的 radio 值

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

radioName 需要替换为实际的 radio 组名称。如果未选中任何项，selectedValue 将为 undefined。

方法二：遍历 radio 组

如果需要获取所有 radio 按钮的值或进行其他操作，可以遍历整个组：

$('input[name="radioName"]').each(function() {
    console.log($(this).val());
});

方法三：监听 radio 变化事件

如果需要实时获取用户选择的 radio 值，可以监听 change 事件：

$('input[name="radioName"]').change(function() {
    var selectedValue = $(this).val();
    console.log(selectedValue);
});

方法四：检查 radio 是否被选中

如果需要验证某个 radio 是否被选中，可以使用 is(':checked')：

if ($('#radioId').is(':checked')) {
    console.log('Radio is checked');
}

注意事项

• 确保 radio 按钮的 name 属性一致，以保证它们属于同一组。
• 如果页面加载时未选中任何 radio，直接获取值可能会返回 undefined，建议设置默认选中项。