jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能

Posted 逆流的致爷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能相关的知识,希望对你有一定的参考价值。

                            <script>                          
                            
                            $("#btn1").click(function(){  (全选)
      
                              $(".check").prop("checked","true"); //这个地方一定要写成prop形式 ,如果采用ATTR会导致只能进行一次选择,第二次选择必须刷新页面才可以
    
                             });

                             $("#btn2").click(function(){   (全不选)
                            
                               $(".check").removeAttr("checked"); //既然上面用了prop这地方只能用removeAttr,注意大小写格式
                            
                             });
                             
                             $("#btn3").click(function(){  (奇数选)
                            
                               $(".check").each(function(){ 
                               
                                 this.checked=false;
                               
                               })

                               $(".check:even").each(function(){
                               
                                 this.checked=true;
                                  
                                  
                                 })
                               
                        
                             });
                            

                             $("#btn4").click(function(){  (偶数选)
                            
                                $(".check").each(function(){
                                
                                   this.checked=false;
                                
                                })

                                $(".check:odd").each(function(){
                                
                                    this.checked=true;
                                
                                })
                            
                             })

                            
                            
                            </script>

以上是关于jQuery前端的全选 全不选 奇数组 偶数组 的多选按钮功能的主要内容,如果未能解决你的问题,请参考以下文章

Jquerycheckbox的全选和全不选

原生js实现的复选框的全选和全不选效果

jQuery实现复选框的全选,全不选,反选

多选框的全选和全不选(复制)

用jQuery实现复选框的全选全不选和反选

jQuery学习——使用JQ完成复选框的全选和全不选