基于vue的ui框架_基于JavaScript实现复选框的全选和取消全选

更新时间:2021-06-17    来源:php常用代码    手机版     字体:

【www.bbyears.com--php常用代码】

效果图:

测试代码如下:

 

 代码如下

  

  

  

  

    

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

      

        

      

    

  

  <scriptsrc="../js/jquery-1.11.3.js"></script>

  <scripttype="text/javascript">

    /*全选或取消全选*/

    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;

      }

    }

  </script>

 

直接复制代码可用。

本文来源:http://www.bbyears.com/jiaocheng/124226.html