2015.7.6js-04(for循环的全选,反选,不选)
常用循环
我饿了
while(饿了){
继续吃
}
var i = 0; //1.初始化
while(i<5){ //2.条件
alert(i); //3.语句
i++; //4.自增
}
2.for循环(与while循环同理)
var div = document.getElementsTagName("div");
for(var i = 0, len = div.length; i < len; i++){
div[i].onclick = function(){
this.style.background = "red";
}
}
3.全选,不选,反选
var allselect = document.getElementById("allselect"); //全选
var unselect = document.getElementById("unselect"); //不选
var reverse = document.getElementById("reverse"); //反选
var content = document.getElementById("content"); //选框的父级
var check = content.getElementById("input'); //子级input
//全选
allselect.onclick = function(){
for(var i = 0, len = check.length; i < len; i++){
check[i].checked = true;
}
}
//不选
unselect.onclick = function(){
for(vai i = 0, len = check.length; i < len; i++){
check[i].checked = false;
}
}
//反选
reserve.onclick = function(){
for(vai i = 0, len = check.length; i < len; i++){
if(check[i].checked == true){
check[i].checked = false;
}else{
check[i].checked = true;
}
}
}