javaScript的全选、反选和全不选

思路：首先获取复选框（checkbox）、接着遍历所有的复选框（checkbox）、最后判断他们的状态。

html结构

<input type=“checkbox” onclick="first()"/> 全选/全不选
<input type="checkbox" onclick="che()">JavaScript语言
<input type="checkbox" onclick="che()">C语言
<input type="checkbox" onclick="che()">C++语言
<input type="checkbox" onclick="che()">C#语言
<input type="checkbox" onclick="che()">php语言
<input type="checkbox" onclick="che()">Object—c语言

js行为

var che=document.getElementsByClassName('che');
var first=document.getElementById('first');
//全选 不全选
function first(){
for(var i=0;i<che.length;i++){
che[i].checked=first.checked //将第一个复选框的状态复值给其他的复选框
}
}
//不全选
function che(){
var a=true;
for(var i=0;i<che.length;i++){
if(che[i].checked != true){
a=false;
breack;
}
}
che[0].checked=a;
}