一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

基于JavaScript实现复选框的全选和取消全选

时间:2017-03-26 编辑:简简单单 来源:一聚教程网

效果图:

测试代码如下:

 

 代码如下 复制代码

  

  

  

  

    

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

    

  

  

  

    /*全选或取消全选*/

    function selectAllDels(){

      var allWp=document.getElementsByName("wp");

      var selOrUnsel=false;

      for(var i=0; i

        if(allWp[i].checked){

          selOrUnsel=true;

          break;

        }

      }

      if (selOrUnsel){

        allUnchk(allWp);

      }else{

        allchk(allWp);

      }

    }

    function allchk(allWp){

      for(vari=0; i

        allWp[i].checked=true;

      }

    }

    function allUnchk(allWp){

      for(vari=0; i

        allWp[i].checked=false;

      }

    }

  

 

直接复制代码可用。

热门栏目