jquery实现全选、反选、获得所有选中的checkbox
亲爱的朋友们，今天我想和大家分享一个关于jQuery实现checkbox全选、反选以及获取选中项的功能的实例。如果你对checkbox操作感兴趣，那么这篇文章一定会给你带来很大的帮助。
让我们逐一这七个不同的checkbox状态：
一、全选功能：当点击"btn1"时，所有的名为'checkbox'的input都会被选中。实现代码如下：
$("btn1").click(function(){
$("input[name='checkbox']").prop("checked", true);
});
二、取消全选功能：点击"btn2"，所有的名为'checkbox'的input的选中状态都会被取消。实现代码如下：
$("btn2").click(function(){
$("input[name='checkbox']").prop("checked", false);
});
三、选中所有奇数项：点击"btn3"，所有名为'checkbox'的input中的奇数项会被选中。实现代码如下：
$("btn3").click(function(){
$("input[name='checkbox']:odd").prop("checked", true);
});
四、选中所有偶数项的操作与选中奇数项类似，只是选择的是偶数项。相关代码如下：
$("btn6").click(function(){
$("input[name='checkbox']:even").prop("checked", true);
});
五、反选功能：当点击"btn4"时，所有的名为'checkbox'的input的选中状态会被反转，即选中的变为未选中，未选中的变为选中。实现代码如下：
$("btn4").click(function(){
$("input[name='checkbox']").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
或者可以使用以下代码实现同样的功能：
$("invert").click(function(){
$("ruleMessage [name='delModuleID']:checkbox").each(function(){
$(this).prop("checked", !$(this).prop("checked"));
});
});
六、获取选择项的值：当点击"btn5"时，所有被选中的checkbox的值会被累加并输出。实现代码如下：
var aa="";
$("btn5").click(function(){
$("input[name='checkbox']:checked").each(function(){
aa+=$(this).val();
});
console.log(aa); //推荐使用console.log输出调试信息
});
页面上的Checkbox操作演示
以下是关于HTML页面中利用jQuery实现对复选框（checkbox）操作的实例演示。在这个例子中，我们创建了一个简单的表单界面，并添加了一些带有不同值的复选框。接下来，我们将展示如何使用jQuery实现全选、取消全选、选择奇数或偶数复选框、反选以及获取所有选中复选框的值等功能。
HTML结构预览：
我们首先在表单中定义了一些复选框以及一些按钮。这些按钮用于触发不同的jQuery操作。你可以点击下方截图查看页面布局：
【运行效果截图】
紧接着是具体的HTML和jQuery代码实现：
HTML代码：
```html