jQuery对检验盒复选框的全选全不选反选的操作

先给大家展示下效果图，如果大家感觉还不错，请继续参考实现代码。

超文本标记语言代码：

正文ul id=' list ' lilabelinput type=' checkbox ' name=' items ' value=' 1 ' 1 .时间都去哪儿了/label/Li Li请输入类型=' checkbox '名称=' items '值=' 2 ' 2 .海阔天空/label/Li Li请输入类型=' checkbox '名称=' items '值=' 3 ' 3 .真的爱你/label/Li Li请输入类型=' checkbox '名称=' items '值=' 4 ' 4 .不再犹豫/label/Li Li输入类型=' checkbox '名称=' items '值=' 5 ' 5 .光辉岁月/label/Li Li请输入类型=' checkbox '名称=' items '值=' 6 ' 6 .喜欢妳/label/li /ul输入类型='checkbox' id='all '全选/全不选/bring put类型='按钮'值='全选class='btn' id='selectAll '输入类型='按钮'值='全不选class='btn' id='unSelect '输入类型='按钮'值='反选class='btn' id='reverse '输入类型='按钮'值='获得选中的所有值id=' BTN ' id=' GetValue '/body jquery代码：

脚本类型=' text/JavaScript ' $(function(){//全选/全不选$('#all ').单击(function(){ $('[name=items]: checkbox ').attr('选中'，这个。选中)；});$('[name=items]:checkbox ').单击(function(){ var flag=true；$('[name=items]:checkbox ').每个（函数(){if(！这个。选中){ flag=false}});$('#all ').attr('选中'，标志);})//全选$('#selectAll ').单击(function(){ $('[name=items]: checkbox ').每个（函数(){$(此)).attr('checked '，true)；});});//全不选$('#unSelect ').单击(function(){ $('[name=items]: checkbox ').每个（函数(){$(此)).attr('checked '，false)；});});//反选$('#reverse ').单击(function(){ $('[name=items]: checkbox ').每个（函数(){ //遍历每一个复选框//$(这个)。attr('选中',$(这个)。attr('选中');//jQuery方法取复选框的反向值this.checked=！this.checked//js方法});});//输出选中的值$('#btn ').单击(function(){var str='你选中的是：\ r \ n '；$('[name=items]:复选框：复选框').每个（函数(){str=$(this)).val()' \ r \ n '；});警报；});})/脚本注：由于jquery版本的变更，新版本出现只能点击一次，老一点的版本是可以的，新的版本不可以使用属性来设置选中状态了，第一种解决方法是可以使用射流研究…原生的方法这个。选中=真/假；

第二种解决方法是把属性换成道具。

以上所述是小编给大家介绍的jQuery对检验盒复选框的全选全不选反选的操作，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！