表单全选及取消全选

Posted bamboopanders

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单全选及取消全选相关的知识,希望对你有一定的参考价值。

 

<script>
    var j_cbAll = document.getElementById("j_cbAll");
    var j_tb = document.getElementById("j_tb").getElementsByTagName("input");
    j_cbAll.onclick = function(){
     
            for(var i = 0;i <j_tb.length;i++){
            j_tb[i].checked = this.checked
       
           
        }
    }
    for(var i = 0;i < j_tb.lengthi++) {
        
        j_tb[i].onclick = function(){
              var flag = true;
            for(var i = 0;i < j_tb.length;i++){
                
                if(!j_tb[i].checked){
                    

                    flag = false;
                } 
                    
                
            }
            j_cbAll.checked = flag;
        }
    }
  
 
      
        
    
 
 
</script>

以上是关于表单全选及取消全选的主要内容,如果未能解决你的问题,请参考以下文章

jQuery 表单应用:全选/取消全选,表单验证,网页选项卡切换

如何在嵌套表单数组中选择all并取消全选?

jquery实现全选 我全选后,取消全选,再点击全选,却选不上。我手动选上,然后点击取消全选,能够取消。

受控组件——受控组件简写——受控表单组件-——复选框取消全选等

使用vue实现全选与取消全选

js 全选选框与取消全选代码