blocks|key|1326323|text|如果您是指如何从所有复选框中删除“选中”状态：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1326324|$('input:checkbox').removeAttr('checked');|code-block|syntax|javascript|1326325|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>If you mean how to remove the 'checked' state from all checkboxes:</p>

<pre><code>$('input:checkbox').removeAttr('checked');
</code></pre>


blocks|key|1111240|text|如果你想使用表单的重置功能，你最好使用这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111241|$('input[type=checkbox]').prop('checked',true);+|code-block|syntax|javascript|1111242|或|1111243|$('input[type=checkbox]').prop('checked',false);|1111244|看起来form.reset()不能重置removeAttr()。|offset|length|style|CODE|1111245|entityMap^0|0|0|0|0|3|C|J|C|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|W|8|@$M|X|N|Y|O|P]|$M|Z|N|10|O|P]]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|R|$]]

<p>If you want to use form's reset feature, you'd better to use this:</p>

<pre><code>$('input[type=checkbox]').prop('checked',true); 
</code></pre>

<p>OR</p>

<pre><code>$('input[type=checkbox]').prop('checked',false);
</code></pre>

<p>Looks like <code>removeAttr()</code> can not be reset by <code>form.reset()</code>.</p>


blocks|key|1111648|text|我以前用过这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111649|$('input[type=checkbox]').prop('checked',+false);|code-block|syntax|javascript|1111650|似乎.attr和.removeAttr在某些情况下不起作用。|1111651|编辑:请注意，在jQuery+v1.6和更高版本中，为了获得更好的跨浏览器兼容性，您应该使用.prop('checked',+false)+-请参阅https://api.jquery.com/prop|offset|length|style|CODE|1111652|评论在这里：How+to+reset+all+checkboxes+using+jQuery+or+pure+JS?|1111653|entityMap|0|LINK|mutability|MUTABLE|url|https://api.jquery.com/prop|1|https://stackoverflow.com/questions/2279760/how-to-reset-all-checkboxes-using-jquery-or-pure-js/40620359#comment23137406_2279775^0|0|0|0|1A|N|22|R|0|0|6|1G|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|11|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|12|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|13|8|@$K|14|L|15|M|N]]|9|@$K|16|L|17|1|18]]|A|$]]|$1|O|3|P|5|6|7|19|8|@]|9|@$K|1A|L|1B|1|1C]]|A|$]]|$1|Q|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

<p>I have used this before:</p>

<pre class="lang-js prettyprint-override"><code>$('input[type=checkbox]').prop('checked', false);
</code></pre>

<p>seems that .attr and .removeAttr doesn't work for some situations.</p>

<p>edit: Note that in jQuery v1.6 and higher, you should be using <code>.prop('checked', false)</code> instead for greater cross-browser compatibility - see <a href="https://api.jquery.com/prop" rel="noreferrer">https://api.jquery.com/prop</a></p>

<p>Comment here: <a href="https://stackoverflow.com/questions/2279760/how-to-reset-all-checkboxes-using-jquery-or-pure-js/40620359#comment23137406_2279775">How to reset all checkboxes using jQuery or pure JS?</a></p>


blocks|key|1326371|text|上面的答案对我不起作用--|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1326372|下面的方法是可行的|1326373|$('input[type=checkbox]').each(function()+
{+
++++++++this.checked+=+false;+
});+|code-block|syntax|javascript|1326374|这将确保所有的复选框都处于未选中状态。|1326375|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>The above answer did not work for me -</p>

<p>The following worked</p>

<pre><code>$('input[type=checkbox]').each(function() 
{ 
        this.checked = false; 
}); 
</code></pre>

<p>This makes sure all the checkboxes are unchecked.</p>


blocks|key|1326571|text|在某些情况下，默认情况下可能会选中该复选框。如果要恢复默认选择，而不是设置为未选中，请比较defaultChecked属性。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1326572|$(':checkbox').each(function(i,item){+
++++++++this.checked+=+item.defaultChecked;+
});+|code-block|syntax|javascript|1326573|entityMap^0|19|E|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

<p>In some cases the checkbox may be selected by default. If you want to restore default selection rather than set as unselected, compare the <code>defaultChecked</code> property.</p>

<pre><code>$(':checkbox').each(function(i,item){ 
        this.checked = item.defaultChecked; 
}); 
</code></pre>


blocks|key|1111704|text|Javascript|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111705|var+clist+=+document.getElementsByTagName("input");
for+(var+i+=+0;+i+<+clist.length;+%2B%2Bi)+{+clist[i].checked+=+false;+}|code-block|syntax|javascript|1111706|jQuery|1111707|$('input:checkbox').each(function()+{+this.checked+=+false;+});|1111708|要执行相反的操作，请参阅：Select+All+Checkboxes+By+ID/Class|offset|length|1111709|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/q/1032827/55075^0|0|0|0|0|D|X|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|10|8|@]|9|@$M|11|N|12|1|13]]|A|$]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

<h3>Javascript</h3>

<pre><code>var clist = document.getElementsByTagName("input");
for (var i = 0; i &lt; clist.length; ++i) { clist[i].checked = false; }
</code></pre>

<h3>jQuery</h3>

<pre><code>$('input:checkbox').each(function() { this.checked = false; });
</code></pre>

<p>To do opposite, see: <a href="https://stackoverflow.com/q/1032827/55075">Select All Checkboxes By ID/Class</a></p>


blocks|key|1326457|text|+$(":checkbox:checked").each(function+()+{

+this.click();+
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1326458|要取消选中此框，请将您的逻辑转换为相反的操作|unstyled|1326459|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|J|8|@]|9|@]|A|$]]|$1|G|3|-4|5|F|7|K|8|@]|9|@]|A|$]]]|H|$]]

<pre><code> $(":checkbox:checked").each(function () {

 this.click(); 
});
</code></pre>

<p>to unchecked  checked box, turn your logic around to do opposite </p>


blocks|key|1111613|text|您可以选择哪些div或页面的一部分可以选中复选框，哪些不可以。我遇到了这样的场景:我的页面中有两个表单，其中一个具有预填充值(用于更新)，其他表单则需要重新填充。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111614|$('#newFormId+input[type=checkbox]').attr('checked',false);|code-block|syntax|javascript|1111615|这将仅使id为newFormId的表单中的复选框处于未选中状态。|1111616|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>You can be selective of what div or part of your page can have checkboxes checked and which don't. I came across the scenario where I have two forms in my page and one have prefilled values(for update) and other need to be filled fresh.</p>

<pre><code>$('#newFormId input[type=checkbox]').attr('checked',false);
</code></pre>

<p>this will make only checkboxes in form with id newFormId as unchecked.</p>


blocks|key|1111367|text|我用了类似的东西|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1111368|$(yourSelector).find('input:checkbox').removeAttr('checked');|code-block|syntax|javascript|1111369|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I used something like that</p>

<pre><code>$(yourSelector).find('input:checkbox').removeAttr('checked');
</code></pre>


blocks|key|1111658|text|<!DOCTYPE+html>
<html+lang="en">
<head>
++<title>Bootstrap+Example</title>
++<meta+charset="utf-8">
++<meta+name="viewport"+content="width=device-width,+initial-scale=1">
++<link+rel="stylesheet"+href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
++<script+src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
++<script+src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div+class="container+check">
<button+class="btn">click</button>
++<input+type="checkbox"+name="vehicle"+value="Bike">I+have+a+bike<br>
<input+type="checkbox"+name="vehicle"+value="Car">I+have+a+car<br>
<input+type="checkbox"+name="vehicle"+value="Bike">I+have+a+bike<br>
<input+type="checkbox"+name="vehicle"+value="Car">I+have+a+car<br>
</div>
<script>
$('.btn').click(function()+{

$('input[type=checkbox]').each(function()+
{+
++++++++this.checked+=+false;+
});+
})
</script>
</body>
</html>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1111659|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
  &lt;title&gt;Bootstrap Example&lt;/title&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div class="container check"&gt;
&lt;button class="btn"&gt;click&lt;/button&gt;
  &lt;input type="checkbox" name="vehicle" value="Bike"&gt;I have a bike&lt;br&gt;
&lt;input type="checkbox" name="vehicle" value="Car"&gt;I have a car&lt;br&gt;
&lt;input type="checkbox" name="vehicle" value="Bike"&gt;I have a bike&lt;br&gt;
&lt;input type="checkbox" name="vehicle" value="Car"&gt;I have a car&lt;br&gt;
&lt;/div&gt;
&lt;script&gt;
$('.btn').click(function() {

$('input[type=checkbox]').each(function() 
{ 
        this.checked = false; 
}); 
})
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>


<p>How can I reset all checkboxes in a document using jQuery or pure JS?</p>


How to reset all checkboxes using jQuery or pure JS?

jQuery

如何使用jQuery或纯JS重置文档中的所有复选框？

问如何使用jQuery或纯JS重置所有复选框？
EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery或纯JS重置所有复选框？EN

回答 10

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery或纯JS重置所有复选框？
EN