如何使用jQuery通过name属性获取单选按钮组的选中布尔值

嘿，这个需求太常见了！要通过name属性判断单选按钮组里有没有至少一个选项被选中，直接拿到布尔值的话，jQuery里有两种简洁又靠谱的写法，我给你拆解清楚：

方法一：通过length判断 #

利用:checked选择器筛选出被选中的单选按钮，再判断它的数量是否大于0：

// 把"your-radio-group-name"替换成你实际的单选组name值
const isAnyChecked = $('input[name="your-radio-group-name"]:checked').length > 0;

如果length大于0，说明有选项被选中，返回true；反之则是false。

方法二：用is()方法直接返回布尔值 #

这个写法更直观，is()会检查匹配的元素集合里是否存在至少一个符合:checked条件的元素，直接返回布尔结果：

const isAnyChecked = $('input[name="your-radio-group-name"]').is(':checked');

这应该是最贴合你需求的写法，一步到位拿到布尔值，不用额外做长度判断。

可选：封装成复用函数 #

如果项目里需要多次判断不同的单选按钮组，可以封装个小函数，用起来更顺手：

function checkRadioGroup(groupName) {
  return $(`input[name="${groupName}"]`).is(':checked');
}

// 使用示例：判断name为"gender"的单选组是否有选中项
const genderHasSelection = checkRadioGroup('gender');

内容的提问来源于stack exchange，提问作者Komal Indoriya