如何使用jQuery移除单选按钮选中状态？当前实现无效

嘿，我来帮你搞定这个单选按钮取消选中的问题！我之前也踩过类似的坑，其实核心是要选对操作属性的方法，不然确实会出现代码写了但没效果的情况。

单选按钮的checked是一个布尔类型的DOM属性，jQuery官方明确推荐用prop()方法来操作这类属性，而不是attr()——这也是很多人代码失效的关键原因！

举两个常用场景的例子：

1. 取消同组所有单选按钮的选中状态（同组指name属性相同的单选按钮）：

// 把your-radio-name换成你实际的单选按钮name值
$('input[name="your-radio-name"]').prop('checked', false);

2. 取消单个特定单选按钮的选中状态：

// 把radio1换成你实际的单选按钮id值
$('#radio1').prop('checked', false);

为什么attr()不行？因为attr()操作的是HTML标签上的属性，当用户手动选中单选按钮后，DOM的实时状态和初始HTML属性已经脱节了，attr('checked')只会返回页面加载时的初始值，没法正确修改当前的选中状态。

如果你更习惯原生JS的逻辑，也可以通过jQuery获取DOM元素后直接修改checked属性，效果一样可靠：

// 取消同组所有单选按钮
$('input[name="your-radio-name"]').each(function() {
    this.checked = false;
});

// 取消单个单选按钮
$('#radio1')[0].checked = false;

如果试了上面的方法还是不行，可以检查这几点：

• 选择器是否正确：用console.log($('你的选择器'))在控制台打印，看看有没有选中目标元素。
• 代码执行时机是否正确：确保代码是在DOM加载完成后执行的，比如放在$(document).ready(function() { ... })里面，或者把JS代码放在页面底部（所有DOM元素之后）。
• 有没有其他代码冲突：比如有没有其他脚本在你的代码执行后，又重新设置了单选按钮的选中状态。

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