blocks|key|1026218|text|纯JS方法，不要使用jQuery..对于如此微不足道的事情来说，这太愚蠢了。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1026219|[].forEach.call(+document.querySelectorAll('input[type="checkbox"]'),function(el){
+++++++el.checked=true;
+++++}
);​|code-block|syntax|javascript|1026220|1026221|要在任何网页上使用它，您可以将此粘贴到地址栏中|1026222|javascript:[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});|1026223|然后把它拖到你的书签上，你就有了一个书签小程序。当你需要在页面上使用它时，只需点击它。|1026224|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Q|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|S|8|@]|9|@]|A|$]]|$1|J|3|K|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|L|3|M|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>Pure JS method, don't use jQuery.. its just silly for something so trivial.</p>

<pre><code>[].forEach.call( document.querySelectorAll('input[type="checkbox"]'),function(el){
       el.checked=true;
     }
);​
</code></pre>

<p><strong><a href="http://jsfiddle.net/pfR3Z/" rel="noreferrer">Live Demo</a></strong></p>

<p>To use it on any webpage you can paste this into the address bar</p>

<pre><code>javascript:[].forEach.call(document.querySelectorAll('input[type="checkbox"]'),function(el){el.checked=true});
</code></pre>

<p>then drag that to your bookmarks, and you have a bookmarklet. Just click it whenever you need to use it on a page.</p>


blocks|key|2664314|text|如果你不想要jQuery，querySelectorAll是你最好的选择！|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2664315|var+ele+=+document.querySelectorAll("input[type=checkbox]");
for(var+i=0;i<ele.length;i%2B%2B){
++++ele[i].checked+=+true;
}
//Done.|code-block|syntax|javascript|2664316|entityMap^0|D|G|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><code>querySelectorAll</code> is your best choice here if you don't want jQuery!</p>

<pre><code>var ele = document.querySelectorAll("input[type=checkbox]");
for(var i=0;i&lt;ele.length;i++){
    ele[i].checked = true;
}
//Done.
</code></pre>


blocks|key|1565289|text|最直接的方法是获取所有输入，只过滤掉复选框，并设置checked属性。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1565290|var+allInputs+=+document.getElementsByTagName("input");
for+(var+i+=+0,+max+=+allInputs.length;+i+<+max;+i%2B%2B){
++++if+(allInputs[i].type+===+'checkbox')
++++++++allInputs[i].checked+=+true;
}|code-block|syntax|javascript|1565291|1565292|如果您碰巧正在使用jQuery--我并不是说您应该开始只是为了测试而勾选所有的复选框--您可以简单地这样做|1565293|$("input[type='checkbox']").prop("checked",+true);|1565294|或者正如Fabricio所指出的：|1565295|$(":checkbox").prop("checked",+true);|1565296|entityMap^0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|S|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|T|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@]|9|@]|A|$]]|$1|J|3|K|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|L|3|M|5|6|7|W|8|@]|9|@]|A|$]]|$1|N|3|O|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|P|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|Q|$]]

<p>The most direct way would be to grab all your inputs, filter just the checkboxes out, and set the checked property.</p>

<pre><code>var allInputs = document.getElementsByTagName("input");
for (var i = 0, max = allInputs.length; i &lt; max; i++){
    if (allInputs[i].type === 'checkbox')
        allInputs[i].checked = true;
}
</code></pre>

<hr>

<p>If you happen to be using jQuery—and I'm not saying you should start just to tick all your checkboxes for testing—you could simply do </p>

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

<p>or as Fabricio points out:</p>

<pre><code>$(":checkbox").prop("checked", true);
</code></pre>


blocks|key|1566270|text|++function+selectAll(elem)
++{
++for+(i+=+0;+i+<+elem.length;+i%2B%2B)
++++elem[i].checked+=+true+;
++}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1566271|在单击一个按钮时，调用此方法并传递元素的名称(复选框-它们都应该是相同的名称)。|unstyled|1566272|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>  function selectAll(elem)
  {
  for (i = 0; i &lt; elem.length; i++)
    elem[i].checked = true ;
  }
</code></pre>

<p>On Click of a button call this method and pass the name of the element(checkboxes-they all should be same named).</p>


blocks|key|2749334|text|这段JS代码将检查页面中的所有复选框：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2749335|var+a+=+document.querySelectorAll('input[type="checkbox"]');
for+(var+i=0;+i<a.length;+i%2B%2B)
++++a[i].checked+=+true;​|code-block|syntax|javascript|2749336|Live+demo|offset|length|2749337|然后你要做的就是用它创建一个书签小程序，比如说，用this+bookmarklet+maker，它会生成这个书签小程序代码：|2749338|javascript:var+a=document.querySelectorAll('input[type="checkbox"]');for(var+i=0;i<a.length;i%2B%2B)a[i].checked=true;%25E2%2580%258B|2749339|只需将此URI添加到书签工具栏中的书签中，然后当您需要选中页面中的所有复选框时，您所要做的就是单击它。=]|2749340|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/ult_combo/74Bzc/1/|1|http://userjs.up.seesaa.net/js/bookmarklet.html^0|0|0|0|9|0|0|P|M|1|0|0|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|@$I|13|J|14|1|15]]|A|$]]|$1|K|3|L|5|6|7|16|8|@]|9|@$I|17|J|18|1|19]]|A|$]]|$1|M|3|N|5|D|7|1A|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|1B|8|@]|9|@]|A|$]]|$1|Q|3|-4|5|6|7|1C|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]|Y|$5|T|U|V|A|$W|Z]]]]

<p>This JS code will check all checkboxed in your page:</p>

<pre><code>var a = document.querySelectorAll('input[type="checkbox"]');
for (var i=0; i&lt;a.length; i++)
    a[i].checked = true;​
</code></pre>

<p><a href="http://jsfiddle.net/ult_combo/74Bzc/1/" rel="nofollow">Live demo</a></p>

<p>All you have to do then is create a bookmarklet with it, say, with <a href="http://userjs.up.seesaa.net/js/bookmarklet.html" rel="nofollow">this bookmarklet maker</a>, which generates this bookmarklet code:</p>

<pre><code>javascript:var a=document.querySelectorAll('input[type="checkbox"]');for(var i=0;i&lt;a.length;i++)a[i].checked=true;%E2%80%8B
</code></pre>

<p>Just add this URI to a bookmark in your bookmark toolbar, then all you have to do is click it whenever you need all the checkboxes in your page to be checked. =]</p>


blocks|key|1026469|text|通过使用jquery，就这么简单|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1026470|$('input:checkbox').each(function+()+{
+++//+alert(this);
+++$(this).attr('checked',+true);
++});|code-block|syntax|javascript|1026471|或者简单地使用|1026472|$('input:checkbox').prop('checked',+true);//+use+the+property|1026473|或|1026474|+$('input:checkbox').attr('checked',+true);+//+by+using+the+attribute|1026475|entityMap|0|LINK|mutability|MUTABLE|url|http://jquery.com/^0|4|6|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@$A|Z|B|10|1|11]]|C|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|C|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|C|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|C|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|Q|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|R|$S|$5|T|U|V|C|$W|X]]]]

<p>by using <a href="http://jquery.com/" rel="noreferrer">jquery</a>, simple as that</p>

<pre><code>$('input:checkbox').each(function () {
   // alert(this);
   $(this).attr('checked', true);
  });
</code></pre>

<p>Or simply use </p>

<pre><code>$('input:checkbox').prop('checked', true);// use the property
</code></pre>

<p>OR</p>

<pre><code> $('input:checkbox').attr('checked', true); // by using the attribute
</code></pre>


blocks|key|2749423|text|多个全部选中&取消选中所有框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2749424|您只需更改标签'name‘即可更改其图灵开/关|2749425|<FORM>
++++<input+type="checkbox"+name="item0[]"+onclick="CheckAll(this)"+/>
++++<input+type="checkbox"+name="item0[]"+value="1"+/>
++++<input+type="checkbox"+name="item0[]"+value="2"+/>
++++<input+type="checkbox"+name="item0[]"+value="3"+/>
++++<br>
++++<input+type="checkbox"+name="item1[]"+onclick="CheckAll(this)"+/>
++++<input+type="checkbox"+name="item1[]"+value="a"+/>
++++<input+type="checkbox"+name="item1[]"+value="b"+/>
++++<input+type="checkbox"+name="item1[]"+value="c"+/>
++++<br>
++++<input+type="checkbox"+name="item2"+onclick="CheckAll(this)"+/>
++++<input+type="checkbox"+name="item2"+value="a1"+/>
++++<input+type="checkbox"+name="item2"+value="b2"+/>
++++<input+type="checkbox"+name="item2"+value="bc"+/>
</FORM>

<script>
++++function+CheckAll(x)
++++{
++++++++var+allInputs+=+document.getElementsByName(x.name);
++++++++for+(var+i+=+0,+max+=+allInputs.length;+i+<+max;+i%2B%2B)+
++++++++{
++++++++++++if+(allInputs[i].type+==+'checkbox')
++++++++++++if+(x.checked+==+true)
++++++++++++++++allInputs[i].checked+=+true;
++++++++++++else
++++++++++++++++allInputs[i].checked+=+false;
++++++++}
++++}
</script>|code-block|syntax|javascript|2749426|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<h3>Multiple Check All &amp; Uncheck All Boxes</h3>
<p>All You Need to change is the tag 'name' to change the what its turing ON/OFF</p>
<pre><code>&lt;FORM&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item0[]&quot; onclick=&quot;CheckAll(this)&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item0[]&quot; value=&quot;1&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item0[]&quot; value=&quot;2&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item0[]&quot; value=&quot;3&quot; /&gt;
    &lt;br&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item1[]&quot; onclick=&quot;CheckAll(this)&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item1[]&quot; value=&quot;a&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item1[]&quot; value=&quot;b&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item1[]&quot; value=&quot;c&quot; /&gt;
    &lt;br&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item2&quot; onclick=&quot;CheckAll(this)&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item2&quot; value=&quot;a1&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item2&quot; value=&quot;b2&quot; /&gt;
    &lt;input type=&quot;checkbox&quot; name=&quot;item2&quot; value=&quot;bc&quot; /&gt;
&lt;/FORM&gt;

&lt;script&gt;
    function CheckAll(x)
    {
        var allInputs = document.getElementsByName(x.name);
        for (var i = 0, max = allInputs.length; i &lt; max; i++) 
        {
            if (allInputs[i].type == 'checkbox')
            if (x.checked == true)
                allInputs[i].checked = true;
            else
                allInputs[i].checked = false;
        }
    }
&lt;/script&gt;
</code></pre>


blocks|key|2749486|text|我在Check+all+Checkboxes+in+Page+via+Developer+Tools上提供了这个问题的答案|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2749487|简而言之，您可以通过以下方式从开发工具控制台(F12)执行此操作：|2749488|$$('input').map(i+=>+i.checked+=+true)|style|CODE|2749489|或|2749490|$$('input[type="checkbox"').map(i+=>+i.checked+=+true)|2749491|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/43482111/30038^0|C|12|0|0|0|0|12|0|0|0|1I|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|D|3|E|5|6|7|Z|8|@]|9|@]|C|$]]|$1|F|3|G|5|6|7|10|8|@$A|11|B|12|H|I]]|9|@]|C|$]]|$1|J|3|K|5|6|7|13|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|14|8|@$A|15|B|16|H|I]]|9|@]|C|$]]|$1|N|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|O|$P|$5|Q|R|S|C|$T|U]]]]

<p>I provided answer to this question at Check all <a href="https://stackoverflow.com/a/43482111/30038">Checkboxes in Page via Developer Tools</a></p>

<p>In short you can do it from dev tools console (F12) by:</p>

<p><code>$$('input').map(i => i.checked = true)</code></p>

<p>or </p>

<p><code>$$('input[type="checkbox"').map(i => i.checked = true)</code></p>


blocks|key|2664589|text|只需将以下一行程序之一粘贴到您的浏览器控制台：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2664590|checkboxes+all+>Tick复选框：|offset|length|style|BOLD|2664591|document.querySelectorAll('input[type="checkbox"]').forEach(e+=>+e.checked+=+true);|CODE|2664592|取消勾选复选框：|2664593|document.querySelectorAll('input[type="checkbox"]').forEach(e+=>+e.checked+=+false);|2664594|entityMap^0|0|K|4|0|0|2B|0|2B|0|0|8|0|0|2C|0|2C|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|U|8|@$D|V|E|W|F|G]|$D|X|E|Y|F|J]]|9|@]|A|$]]|$1|K|3|L|5|6|7|Z|8|@$D|10|E|11|F|G]]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@$D|13|E|14|F|G]|$D|15|E|16|F|J]]|9|@]|A|$]]|$1|O|3|-4|5|6|7|17|8|@]|9|@]|A|$]]]|P|$]]

<p>Just paste one of these one-liners to your browser console:</p>
<p><strong>Tick</strong> all checkboxes:</p>
<p><code>document.querySelectorAll('input[type=&quot;checkbox&quot;]').forEach(e =&gt; e.checked = true);</code></p>
<p><strong>Untick</strong> all checkboxes:</p>
<p><code>document.querySelectorAll('input[type=&quot;checkbox&quot;]').forEach(e =&gt; e.checked = false);</code></p>


<p>I am having 100 Checkboxes on my web page. For testing purposes I want to tick all those boxes, but manually clicking is time consuming. Is there a possible way to get them ticked?</p>

<p>Perhaps a JavaScript or Chrome Console window, anything?</p>


Select All checkbox by Javascript or console

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我的网页上有100个复选框。出于测试目的，我想勾选所有这些框，但手动单击非常耗时。有没有可能让他们打勾呢？也许是JavaScript或Chrome的控制台窗口，什么都行？

问通过Javascript或控制台选择全部复选框
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过Javascript或控制台选择全部复选框EN