全选反选代码

<div>  <input type="checkbox" name="markedAll" value="全选" >全选 <br />  

<input type="checkbox" name="marked" value="选择1" >选择1<br />

 <input type="checkbox" name="marked" value="选择2" >选择2<br />

 <input type="checkbox" name="marked" value="选择3" >选择3<br />

 <input type="checkbox" name="markedAll" value="全选">全选 

 <input type="checkbox" name="notmarked" value="反选">反选 <br />  </div>

 <script type="text/javascript">  

 //选择一个判断是否需要全选

  function single() {   

   var n = 0;   

   for (var i = 0; i < marked.length; i++) {  

     if (marked[i].checked) {      n++;     }  

    }   

   var istrue = (n == marked.length);

    var markedall = document.getElementsByName("markedAll");  

    for (var j = 0; j < markedall.length; j++) {   

        markedall[j].checked = istrue;   

     }

  }  

 function selectall(check) {

     for (var j = 0; j < marked.length; j++) {

        marked[j].checked = check;  

    }

     for (var k = 0; k < m.length; k++) {  

       m[k].checked = check;  

  }  

 }  

 function noselect() {

   for (var i = 0; i < marked.length; i++) {   

    if (marked[i].checked) {     

       marked[i].checked = false;   

    } else {

         marked[i].checked = true;   

  }

   }

  }

  marked = document.getElementsByName("marked");  

 for (var a = 0; a < marked.length; a++) {   

   marked[a].onclick = function() {  

           single();  

  }  

 }

  //全选

  m = document.getElementsByName("markedAll");

  for (var i = 0; i < m.length; i++) {  

    m[i].onclick = function() {    

       check = this.checked;   

        selectall(check);

   }

  }

  //反选

  notmarked = document.getElementsByName("notmarked")[0];   

   notmarked.onclick = function() {

     noselect();  

    single();   

}  

</script>

posted @ 2014-11-30 12:02  wujinfeng  阅读(210)  评论(0)    收藏  举报