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)。






