Question

我试图在页面加载时取消选中已选中的复选框。我使用下面的代码在mozilla和chrome中工作正常，但它不能正常工作。所以请帮我一些替代方案。 Jquery版本是1.4.4。

 $("#filter-form").find("input[type='checkbox']").each( function() {
  $(this).removeAttr('checked'); 
  //$(this).attr("checked",false);//just for testing i tried this, but this one also not working in IE.
  });

Answer 1

在现代版本的jQuery中，你应该使用prop而不是attr来设置检查状态。您可以使用.prop( "checked", false );

但一个简单的解决方法是更改复选框状态将更改

$(this).removeAttr('checked');

到

this.checked = false;

Answer 2

另一个选项：使用PROP代替ATTR

$(this).prop("checked", false);

Answer 3

＆＃13;

$(document).ready(function(){
$("#calender-filter-form").find("input[type='checkbox']").each( function() {
  $(this).removeAttr('checked'); 
  //$(this).attr("checked",false);//just for testing i tried this, but this one also not working in IE.
  }); 
  });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<div id="calender-filter-form">
  <input type="checkbox" checked/>

 <input type="checkbox" checked />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

＆＃13;

在IE 10中工作

Answer 4

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<div id="calender-filter-form">
  <input type="checkbox" checked/>

 <input type="checkbox" checked />
  <input type="checkbox" />
  <input type="checkbox" />
</div>

你的代码也在IE 10中工作。告诉我你正在使用哪个版本的IE。

某些属性在IE中不起作用

4 个答案: