jquery 单选

jQuery 单选按钮操作

jQuery 提供多种方法操作单选按钮（radio buttons），包括获取选中值、设置选中状态以及事件监听。

获取选中的单选按钮值

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

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

若需要检查是否有选项被选中：

if ($("input[name='radioGroup']:checked").length > 0) {
    console.log("有选项被选中");
}

设置单选按钮选中状态

通过 prop() 方法设置特定值为选中状态：

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

监听单选按钮变化事件

使用 change 事件监听选中状态变化：

$("input[name='radioGroup']").change(function() {
    console.log("选中的值: " + $(this).val());
});

禁用/启用单选按钮

通过 prop() 控制禁用状态：

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

动态生成单选按钮

结合 HTML 字符串和 jQuery 动态添加单选按钮：

$("#container").append('<input type="radio" name="dynamicGroup" value="dyn1"> Option 1');

注意事项

• 确保所有同组单选按钮的 name 属性相同。
• 使用 prop() 而非 attr() 处理布尔属性（如 checked、disabled）。