使用 jQuery 取消选择单选按钮组答案

【问题标题】：Unselect group of radio buttons using jQuery使用 jQuery 取消选择单选按钮组
【发布时间】：2011-10-26 00:52:23
【问题描述】：

我正在使用 jQuery，我有一组单选按钮，它们都具有相同的名称，但值属性不同。

例如：

<input type = "radio" name = "thename" value="1"></input>
<input type = "radio" name = "thename" value="2"></input>
<input type = "radio" name = "thename" value="3"></input>

我想让它们都被取消选中。我页面的当前状态已单击其中一个。我该怎么做？

【问题讨论】：

标签： jquery radio-button

【解决方案1】：

这很简单，适合我。

试试这个：

$('input:radio[name="gender"]').attr('checked',false);

试试这个：

$('input[name="gender"]').prop('checked', false);

【讨论】：

【解决方案2】：

它对我有用；

$('input[name="radioName"]').attr('checked', false);

【讨论】：

【解决方案3】：

这是简单而通用的答案（我相信）： $("input[name=NAME_OF_YOUR_RADIO_GROUP]").prop("checked",false);

对于这个特定的问题，我会使用：

$("input[name=thename]").prop("checked",false);

希望对你有帮助

【讨论】：

【解决方案4】：

要取消选择名为“namegroup”的组的所有无线电，请尝试以下操作：

$("input[type=radio][name=namegroup]").prop("checked", false);

【讨论】：

【解决方案5】：

function resetRadio(name) {
    $('#form input:radio[name=' + name + ']:checked').each(function () {
        var $this = $(this);
        $this.prop("checked", false);
    });
}

$('#form input:radio').on('dblclick', function () {
    var $this = $(this);
    var name = $this.prop('name');
    resetRadio(name);
});

这允许您双击收音机来重置它们。

【讨论】：

【解决方案6】：

试试这个：$('input[type="radio"]').prop('checked', false);

使用 jQuery 的 prop 方法可以更改元素的属性（选中、选中等）。

【讨论】：

当我在右括号后添加了一个单引号时，这有效 --- $('input[type="radio"]').prop('checked', false);
@JimEvans 谢谢。我不知道为什么我直到现在才看到。我已经编辑了答案以获得结束引号。

【解决方案7】：

@matzahboy 发布的答案非常有效。

尝试了其他方法，但这个方法效果最好：

$(input[name=thename]).removeAttr('checked');

【讨论】：

【解决方案8】：

$("input:radio[name='thename']").each(function(i) {
       this.checked = false;
});

不知道为什么 jquery 属性不起作用，而这确实......

【讨论】：

很好的讨论jQuery's prop() here

【解决方案9】：

从 jQuery 1.6 开始，$("radio").prop("checked", false); 是建议的方法。

【讨论】：

对不起，这对我不起作用。我尝试过这个。另外，如果页面上有其他单选元素并且我不想将这种行为应用于它们怎么办？
尝试更改选择器。类似$("input[name='thename']")

【解决方案10】：

试试下面的代码：

$(input[name=thename]).removeAttr('checked');

【讨论】：

没有用，但是这两个都用了： $("input:radio[name='thename']").removeAttr('checked'); $("[name='thename']").removeAttr('checked');周围的刻度是可选的。