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

时间:2015-08-24 09:21:14

标签: jquery html twitter-bootstrap radio-button unchecked

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

<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

6 个答案:

答案 0 :(得分:15)

使用.prop代替.attr

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

[Demo]

答案 1 :(得分:5)

使用此:

 $(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的范围内。它们没有相应的属性,只是属性。

答案 2 :(得分:3)

使用.prop()inbuild函数。

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

答案 3 :(得分:2)

以下简单易用将帮助您:

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

检查更新后的Fiddle Here

答案 4 :(得分:2)

如果你使用jQuery&gt; 1.5,您应该使用prop代替attr

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

演示here

有关详细信息,请参阅here

答案 5 :(得分:0)

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

jQuery API

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

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