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;

    }

  }

}

posted @ 2015-07-06 22:57  AlanTao  阅读(349)  评论(0)    收藏  举报