使用jQuery取消选择一组单选按钮

时间:2011-08-12 17:56:42

标签: jquery radio-button

我正在使用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>

我想这样做,所以他们都没有被选中。我的页面的当前状态中有一个被点击。我该怎么做?

10 个答案:

答案 0 :(得分:9)

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

答案 1 :(得分:8)

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

不确定为什么jquery道具不起作用,这确实......

答案 2 :(得分:5)

尝试使用此:$('input[type="radio"]').prop('checked', false);

使用jQuery的prop方法可以更改元素的属性(已选中,已选中,等等)。

答案 3 :(得分:2)

@matzahboy发布的答案非常完美。

试过其他方法,但这个方法效果最好:

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

答案 4 :(得分:1)

请尝试以下代码:

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

答案 5 :(得分:1)

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

对于这个具体问题,我会使用:

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

希望这有帮助

答案 6 :(得分:1)

它对我有用;

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

答案 7 :(得分:0)

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);
});

这允许您双击无线电以重置它们。

答案 8 :(得分:0)

要取消选择名为&#34; namegroup&#34;的群组的所有无线电,请尝试以下操作:

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

答案 9 :(得分:0)

这很简单,对我有用。

尝试以下操作:

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

尝试以下操作:

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