Question

仅在页面刷新时取消选中单选按钮

<input type="radio" name="test">
    1<input type="radio" name="test">2
   <input type="button" id="btn" />

$("#btn").click(function(){

$(':radio').each(function () {
        $(this).removeAttr('checked');
        $('input[type="radio"]').attr('checked', false);
    })

});

我创建了一个小提琴 http://jsfiddle.net/8jKJc/220/

但它无法使用Bootstrap

Answer 1

使用.prop代替.attr：

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

[Demo]

Answer 2

使用此：

 $(this).prop('checked', false);
 //$('input[type="radio"]').attr('checked', false);

您可以看到 link ，以区分.prop()与.attr()。 .attr()适用于访问大多数情况下返回布尔值的DOM元素属性的(name, id, class,etc..)和.prop()等HTML元素属性。

来自 jQuery 官方网页：

例如，应检索selectedIndex，tagName，nodeName，nodeType，ownerDocument，defaultChecked和defaultSelected，并使用.prop（）方法进行设置。在jQuery 1.6之前，这些属性可以使用.attr（）方法检索，但这不在attr的范围内。它们没有相应的属性，只是属性。

Answer 3

使用.prop（）inbuild函数。

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

Answer 4

以下简单易用将帮助您：

$("input:checked").removeAttr("checked");

检查更新后的Fiddle Here

Answer 5

如果你使用jQuery＆gt; 1.5，您应该使用prop代替attr。

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

演示here。

有关详细信息，请参阅here。

Answer 6

.prop仅设置属性，而不是属性。

jQuery API

或者您可以使用is来执行此操作

$("#btn").click(function(){
$("input[type='radio']").each(function() {
if($(this).is(':checked')){
  $(this).prop('checked',false);
   }
});
});

单击使用jquery取消选中单选按钮

6 个答案: