jquery实现全选和取消全选（jquery全选反选操作）
do...</div>
<div class="content">
<p><!doctype html></p>
<p><html></p>
<p><head></p>
<p><meta charset=”utf-8″></p>
<p><title>document</title></p>
<p><script type=”text/javascript” src=”jquery.min.js”></script></p>
<p></head></p>
<p><body></p>
<p><input type=”checkbox” id=”checkbox1″><label for=”checkbox1″>库里</label><br></p>
<p><input type=”checkbox” id=”checkbox2″><label for=”checkbox2″>科比</label><br></p>
<p><input type=”checkbox” id=”checkbox3″><label for=”checkbox3″>麦迪</label><br></p>
<p><input type=”checkbox” id=”checkbox4″><label for=”checkbox4″>邓肯</label><br></p>
<p><input type=”checkbox” id=”checkbox5″><label for=”checkbox5″>奥尼尔</label><br><br></p>
<p><button>全选</button><button>全不选</button><button>反选</button></p>
<p></body></p>
<p></html></p>
<p><script type=”text/javascript”></p>
<p>$(function(){</p>
<p>//匹配第一个button</p>
<p>$(‘:button:eq(0)’).click(function(){</p>
<p>//全部选中 checked=true,在前台就是表示选中</p>
<p>$(‘:checkbox’).attr(‘checked’,true);</p>
<p>});</p>
<p>//匹配第二个button</p>
<p>$(‘:button:eq(1)’).click(function(){</p>
<p>//全部取消 checked=false,在前台就是表示未选中</p>
<p>$(‘:checkbox’).attr(‘checked’,false);</p>
<p>});</p>
<p>//匹配第三个button</p>
<p>$(‘:button:eq(2)’).click(function(){</p>
<p>//查找每一个复选框，然后取相反</p>
<p>$(‘:checkbox’).each(function(){</p>
<p>$(this).attr(‘checked’,!$(this).attr(‘checked’));</p>
<p>});</p>
<p>});</p>
<p>})</p>
<p></script></p> </div>
<div class="info-pre-next">
<p>
上一篇： <a href="/article/2177958.html">
电脑的任务栏在左边竖向的怎么办?怎么还原? </a>
</p>
<p>
下一篇： <a href="/article/2177963.html">
router路由器设置怎么清除（cisco路由器设置步骤图） </a>
</p>
</div>
<div class="wz_tuijian">
<p>
推荐阅读 </p>
<ul>
<li>
<a href="/article/2198939.html" target="_blank" title="js, jQuery实现全选、反选功能">
<h2>
js, jQuery实现全选、反选功能 </h2>
</a>
</li>
<li>
<a href="/article/2186480.html" target="_blank" title="jquery实现全选和取消全选（jquery全选反选操作）">
<h2>
jquery实现全选和取消全选（jquery全选反选操作） </h2>
</a>
</li>
<li>
<a href="/article/2184275.html" target="_blank" title="jQuery实现CheckBox全选、全不选功能">
<h2>
jQuery实现CheckBox全选、全不选功能 </h2>
</a>
</li>
<li>
<a href="/article/2180149.html" target="_blank" title="jquery全选checkBox功能实现代码(取消全选功能)">
<h2>
jquery全选checkBox功能实现代码(取消全选功能) </h2>
</a>
</li>
<li>
<a href="/article/2177961.html" target="_blank" title="jquery实现全选和取消全选（jquery全选反选操作）">
<h2>
jquery实现全选和取消全选（jquery全选反选操作） </h2>
</a>
</li>
<li>
<a href="/article/2166886.html" target="_blank" title="jQuery实现复选框全选/取消全选/反选及获得选择的值">
<h2>
jQuery实现复选框全选/取消全选/反选及获得选择的值 </h2>
</a>
</li>
<li>
<a href="/article/2153536.html" target="_blank" title="jquery实现checkbox全选全不选的简单实例">
<h2>
jquery实现checkbox全选全不选的简单实例 </h2>
</a>
</li>
<li>
<a href="/article/2131769.html" target="_blank" title="实现复选框的全选和反选">
<h2>
实现复选框的全选和反选 </h2>
</a>
</li>
<li>
<a href="/article/2108220.html" target="_blank" title="jQuery实现全选、全不选以及反选操作">
<h2>
jQuery实现全选、全不选以及反选操作 </h2>
</a>
</li>
<li>
<a href="/article/2083567.html" target="_blank" title="jQuery表格的选取全选反选（代码实例）">
<h2>
jQuery表格的选取全选反选（代码实例） </h2>
</a>
</li>
</ul>
</div>
</article>
</div>
</main>
<footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body>
</html>