jquery选中radio

jQuery 选中 radio 的方法

使用 jQuery 选中 radio 按钮可以通过多种方式实现，具体取决于需求是获取选中的值还是设置选中状态。

获取选中的 radio 值

通过 :checked 选择器可以获取当前选中的 radio 按钮的值。

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

radioName 是 radio 按钮组的 name 属性值。如果未选中任何选项，selectedValue 会是 undefined。

设置 radio 为选中状态

使用 prop() 方法设置 radio 按钮的选中状态。

$('input[name="radioName"][value="valueToSelect"]').prop('checked', true);

valueToSelect 是需要选中的 radio 按钮的 value 属性值。

监听 radio 按钮变化事件

通过 change 事件可以监听 radio 按钮的选择变化。

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

检查 radio 是否被选中

使用 is() 方法检查某个 radio 按钮是否被选中。

if ($('input[name="radioName"][value="someValue"]').is(':checked')) {
    console.log('Radio is checked');
} else {
    console.log('Radio is not checked');
}

注意事项

• 确保 radio 按钮的 name 属性一致，以保证它们属于同一组。
• 使用 prop() 而不是 attr() 来操作 checked 属性，因为 prop() 更可靠。
• 如果页面是动态生成的，可能需要使用事件委托来监听变化事件。