以前用原生 JS 写过 checkbox——类似邮箱全选功能,点击这里。最近在学习jquery,今天抽空用jquery 写个checkbox——类似邮箱全选功能。 复制代码 代码如下: checkbox 全选/全不选 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 选项9 选项10 反选 <BR>$(function(){ <BR>var checkboxes = $('input[name=choose]'); <BR>var btn = $('#btn'); <BR>var btn2 = $('#btn2'); <BR>btn.click(function(){ <BR>checkboxes.attr('checked',this.checked); <BR>}); <BR>checkboxes.click(function(){ <BR>var flag = true; <BR>checkboxes.each(function(){ <BR>if(!this.checked) flag = false; <BR>}); <BR>btn.attr('checked',flag); <BR>}); <BR>btn2.click(function(){ <BR>var flag = true; <BR>checkboxes.each(function(){ <BR>this.checked = !this.checked; <BR>if(!this.checked) flag = false; <BR>}); <BR>btn.attr('checked',flag); <BR>}); <BR>}); <BR> 小提示:如果使用 jquery,则需要引入 jquery 库。 PS:以上是本人通过所学的 jquery 知识,随意写的一些效果。