jQuery 全选 全部选 反选 实现代码
(编辑：jimmy 日期: 2026/1/10 浏览：3 次 )
1.概述
在项目中经常遇到列表中对复选框进行勾选操作，全选。。。反选。。
2. example
<html> <body> <form id="test-form" action="test"> <legend>请选择想要学习的编程语言：</legend> <fieldset> <p><label class="selectAll"><input type="checkbox"> <span class="selectAll">全选</span><span class="deselectAll">全不选</span></label> <a href="#0" class="invertSelect">反选</a></p> <p><label><input type="checkbox" name="lang" value="javascript"> JavaScript</label></p> <p><label><input type="checkbox" name="lang" value="python"> Python</label></p> <p><label><input type="checkbox" name="lang" value="ruby"> Ruby</label></p> <p><label><input type="checkbox" name="lang" value="haskell"> Haskell</label></p> <p><label><input type="checkbox" name="lang" value="scheme"> Scheme</label></p> <p><button type="submit">Submit</button></p> </fieldset> </form> <script src="/UploadFiles/2021-04-02/jquery-3.1.0.js">以上所述是小编给大家介绍的jQuery 全选 全部选 反选 实现代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！
下一篇：AngularJS 自定义指令详解及示例代码