<p>第一种:纯原生版</p><pre class="brush:html;toolbar:false">&lt;!DOCTYPEhtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;UTF-8&quot;&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; &lt;ul&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpa&quot;/&gt;液体&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpb&quot;/&gt;粉末&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpc&quot;/&gt;仿牌&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpd&quot;/&gt;纯电池&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpe&quot;/&gt;危险品&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputtype=&quot;checkbox&quot;name=&quot;wp&quot;value=&quot;wpd&quot;/&gt;配套电池&lt;/label&gt; &lt;/li&gt; &lt;li&gt; &lt;label&gt;&lt;inputname=&quot;allChecked&quot;id=&quot;allChecked&quot;onclick=&quot;DoCheck()&quot;type=&quot;button&quot;value=&quot;全选/取消&quot;/&gt;&lt;/label&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;scripttype=&quot;text/javascript&quot;&gt; functionDoCheck(){ varch=document.getElementsByName(&quot;wp&quot;); if(document.getElementsByName(&quot;allChecked&quot;)[0].checked==true){ for(vari=0;i&lt;ch.length;i++){ ch[i].checked=true; } }else{ for(vari=0;i&lt;ch.length;i++){ ch[i].checked=false; } } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre><p>第二种:jQuery版</p><pre class="brush:html;toolbar:false">&lt;!DOCTYPEHtml&gt; &lt;html&gt; &lt;head&gt; &lt;metacharset=&quot;UTF-8&quot;&gt; &lt;title&gt;全选/全取消&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;div&gt; 新闻&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; 电影&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; 音乐&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; 娱乐&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; 八卦&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; 直播&lt;inputtype=&quot;checkbox&quot;/&gt;&lt;br/&gt; &lt;/div&gt; &lt;inputtype=&quot;checkbox&quot;onclick=&quot;selectAll(this);&quot;/&gt;全选/全取消&lt;br/&gt; &lt;scriptsrc=&quot;js/jquery-1.11.3.js&quot;&gt;&lt;/script&gt; &lt;scripttype=&quot;text/javascript&quot;&gt; functionselectAll(checkbox){ $(&#39;input[type=checkbox]&#39;).prop(&#39;checked&#39;,$(checkbox).prop(&#39;checked&#39;)); } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt;</pre>
T:0.006675s,M:246.27 KB
返回顶部 留言