用JQuery实现checkbox多选框的全选、全不选、反选的操作

当我们在用JS来实现web端操作的时候，多选框的全选、全不选和反选是最常用的功能，尤其是当数据量大的时候就需要这样的批量操作来给用户带来方便、快捷的服务了。

下面我们就来用JQuery实现checkbox多选框的全选、全不选、反选的功能：

假设有4个checkbox多选框，他们包含在一个id=“chk”的div中，而全选、全不选、反选的button按钮所在标签的id分别为btnAllChk、btnAllNotChk、btnInvert。

具体代码如下：

$(function () { $("#btnAllNotChk").click(function () { $("#chk input:checkbox").removeAttr("checked"); }); $("#btnAllChk").click(function () { $("#chk input:checkbox").attr("checked", "checked"); }); $("#btnInvert").click(function () { var $cks = $("#chk input:checkbox"); for (var i = 0; i < $cks.length; i++) { $cks.get(i).checked = !$cks.get(i).checked; } }); })

这样我们就实现了checkbox多选框的全选、全不选、反选的功能。

注意：1.JQuery本身就是由JS代码堆积成的。

2.使用JQuery语句前需要先导入JQuery控件。