关键词：
在判断多选框中的某一个是否被选中时，我们可以用checked的属性
选中了就返回true，没被选中就返回false;
这是html代码：
<form action="#">
<label for="hobby">爱好：</label>
<label for="hobby1">
<input type="checkbox" name="hobby" id="hobby1">吃饭
</label>
<label for="hobby2">
<input type="checkbox" checked="" name="hobby" id="hobby2">睡觉
</label>
<label for="hobby3">
<input type="checkbox" name="hobby" id="hobby3">打豆豆
</label>
<button type="button" id="all">全选/全不选</button>
<button type="button" id="fan">反选</button>
</form>
接下来书写js来进行全选/全不选 var checkbox=document.querySelectorAll("input");//获取所有的checkbox var all=document.getElementById("all");//获取全选按钮
var fan=document.getElementById("fan");//获取反选按钮
all.addEventListener("click",function () {//绑定点击事件
var arr=[];//定义一个空数组
for(var i=0;i<checkbox.length;i++){
//console.log(checkbox[i].checked);
arr.push(checkbox[i].checked)//利用for循环将每个checkbox的checked属性返回的true或者false存入数组arr中；
}
console.log(arr.indexOf(false));//判断arr中是否包含false，返回-1则是不包含false，那么所有的多选框都被选中，返回0，1,2等等；
则是证明arr中包含false，则证明所有的checkbox中有没有被选中的；
if(arr.indexOf(false)!="-1"){
for(var j=0;j<checkbox.length;j++){
checkbox[j].checked=true;//让所有的多选框被选中
}
}else {
//alert(111);
for(var j=0;j<checkbox.length;j++){
checkbox[j].checked=false;//让所有的多选框都没有被选中选
}
}
})
接下来是书写js让反选实现
fan.addEventListener("click",function () {
for(var i=0;i<checkbox.length;i++){
if(checkbox[i].checked==true){//先用for循环判断每一个checkbox是否被选中，选中的让其不被选中，不被选中的选中；
checkbox[i].checked=false;
}else {
checkbox[i].checked=true;
}
}
})
总结：在判断多个复选框是否有没有被选中时我们并不能直接进行判断，此时我们可以使用创立一个新数组，然后利用for循环将每一个多选框是否被选中的返回结果存入数组中，然后跟根据
indexof判断数组中是否有false，如果有则返回下标，没有则返回-1；判断过后再进行全选全不选。
jquery实现复选框全选全不选反选问题解析
今天打算用jQuery实现一下复选框的全选、全不选和反选问题，刚开始用的是attr("checked",true/false)方法，发现只能在最开始实现一次全选，可以实现全不选，无法实现反选，总之调试了好久死活得不到想要的效果。最后发现，j... 查看详情
jqueryjs实现checkbox复选框全选全不选反选php
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>全选、全不选、反选</title><styletype="text/css">#chooseinput{display:block;}</style><scri 查看详情
多选框的全选和全不选(复制)
...段基于jQuery的全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的WEB爱好者。查看演示HTML我们的... 查看详情
jquery版的全选，全不选和反选
<!DOCTYPEhtml><html> <head> <metacharset="UTF-8"> <scriptsrc="js/jquery.js"type="text/javascript"charset="utf-8"></script> <title></title> </head& 查看详情
复选框的全选反选全不选
//全选$("#btn1").click(function(){$("input[name=‘FORM_COLUMNS‘]").prop("checked",true);});//取消全选$("#btn2").click(function(){$("input[name=‘FORM_COLUMNS‘]").prop("checked",false);});//反选$("#btn3").click( 查看详情
jquery全选反选全不选代码
1、JS代码function($){ //全选反选全不选 $("#selAll").click(function(){ $(".lists:checkbox").not(‘:disabled‘).prop("checked",true); }); $("#unSel 查看详情
js判断复选框全选全不选反选必选一个
一个挺使用的js代码片段， 判断 复选框全选、全不选、反选、必选一个记录下，搬来的思路：修改数据的选中与否状态，拿到所有的输入框，看是否有选中的状态 <html><head><title>复选框全选、全不选、反... 查看详情
利用jquery实现全选全不选反选(checkbox)
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title></title><scriptsrc="jquery-1.8.3.js"></script></head><body><inp 查看详情
vue实现单选、全选和反选
参考技术A当多个checkbox通过v-model绑定到同一个数组时，每个checkbox被选中时，它的value会被添加到这个数组。全选框通过v-model绑定到一个计算属性(checkAll)，这个属性必须实现了getter和setter方法，当model数组长度等于fruits长度，返... 查看详情
jquery全选全不选反选的简洁写法实例
...写法，现在介绍一下，比较简洁易懂的写法：<inputtype="checkbox"name="gogf[]"/><inputtype="checkbox"name="gogf[]"/><inputtype="checkbox"name="gogf[]"/><buttonid="al 查看详情
解决jquery操作checkbox全选全不选无法勾选问题
最近在学习中使用jquery操作checkbox，使用下面方法进行全选、反选:$("input[name=‘checkbox‘]").attr("checked","checked");调试时，前两次都没有问题，可以正常显示选中和取消，但当再去选中的时候，复选框的属性checkbox值变为"checked"，没... 查看详情
jquerycheckbox的全选和全不选
刚学Jquery，在做checkbox的全选全不选时遇到了一个问题，使用attr()方法的话，只能成功全选和取消全选一次，第二次就不行了，如下面$("#chkAll").click(function(){if(this.checked==true){$("#tabinput[type=‘checkbox‘]").attr("checked",true);}else{$("#tabi... 查看详情
jquery实现复选框全选全不选
<inputtype="checkbox" name="selectall"/>全选<inputname="partnerId"type="checkbox">aaaaaa<inputname="partnerId"type="che 查看详情
jquery全选全不选反选
<!doctypehtml><htmllang="en"><head><metacharset="UTF-8"><title>全选、全不选、反选</title><styletype="text/css">#chooseinput{display:block;}</style><scriptsrc= 查看详情
全选全不选反选
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>Inserttitlehere</title><scripttype="text/javascript"src="js/jquery.min.js"> </script></head> 查看详情
checkbox实现全选全不选
1.jQuery实现checkbox全选全不选<!DOCTYPEhtml><headrunat="server"><title>jQuery实现CheckBox全选、全不选</title><metacharset="utf-8"><scriptsrc="jquery-3.1.1.min.js"></script>& 查看详情
用jquery实现（全选反选全不选功能）
在jQuery选择器的基础下我们实现一个全选，反选，全不选功能！ <scripttype="text/javascript"> $(function() 查看详情
jquery复选框的全选全不选及选择所有复选框实现全选的复选框
Jquery代码$(function()$(":checkbox.parentfunc").click(function()//如何获取被点击的那个复选框$(this).parent().parent().next().find(":checkbox").prop("checked",this.checked););$(":checkbox:not(.parentfunc)").click( 查看详情