jquery 单选

jQuery 单选按钮操作

在 jQuery 中，操作单选按钮（Radio Button）通常涉及选中状态、取值和事件绑定。以下是常见操作示例：

获取选中的单选按钮值

通过 :checked 选择器获取当前选中的单选按钮的值：

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

设置单选按钮选中状态

通过 prop() 方法设置单选按钮的选中状态：

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

监听单选按钮变化事件

使用 change 事件监听单选按钮的选择变化：

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

动态禁用/启用单选按钮

通过 prop() 方法控制单选按钮的禁用状态：

$('input[name="radioGroup"]').prop('disabled', true); // 禁用
$('input[name="radioGroup"]').prop('disabled', false); // 启用

遍历单选按钮组

使用 each() 方法遍历单选按钮组的所有选项：

$('input[name="radioGroup"]').each(function() {
    console.log($(this).val() + ' is checked: ' + $(this).prop('checked'));
});

注意事项

• 单选按钮组的 name 属性必须相同才能实现互斥选择。
• 使用 prop() 而非 attr() 操作 checked 和 disabled 属性，以确保跨浏览器兼容性。