checkbox全选全不选

    技术2022-05-19  26

    第一种方法:

    function checkAll(){

     

        var items=document.getElementByName(checkbox_name);//checkbox_name指除触发事件的那个checkbox以外所有checkbox的名字

        var len=items.length;

       if(len){//判断是否有要选择的checkbox

        for(var i=0;i<len;i++){

          

            if(items[i].checked==true){//这段代码实现的功能是全不选

                 items[i].checked=false;

           }else{

                  if(items[i].checked==false){//全选

                       items[i].checked=true;

                  }

           }

     

       }

     

      }

     

      总结:这种方法,简洁明了,容易理解,代码量也较少,缺点是如果有多个表单,checkbox的名字相同的话,会比较乱的。

    第二种方法:

     

      function checkAll2(){

           var len=document.form1.length;//form1是指表单名

           for(var i=0;i<len;i++){

              if(document.form1[i].name=="c1"){c1是指checkbox               if(document.form1[i].checked==false){//以下同上                  document.form1[i].checked=true;

                   }else{

                       if(document.form1[i].checked==true){                  document.form1[i].checked=false;

                   }

           }

     }

     

    第三种方法:

     

    function checkAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = true; } } } function uncheckAll() { var code_Values = document.getElementsByTagName("input"); for(i = 0;i < code_Values.length;i++){ if(code_Values[i].type == "checkbox") { code_Values[i].checked = false; } } }


    最新回复(0)