兩種多選框全選反選寫法

第一種多選框全選反選:

       /*functiononCheckBoxHander(pId,checked)  {

             varcb =$("input[id='"+pId+"'][type='checkbox']").parent().find("input");  

             cb.each(function(){

            if(checked) 

            {

               $(this).attr('checked','checked'); 

            }else 

            { 

               $(this).attr('checked',''); 

            } 

        });

            

     }   */

       /*示例:監控所有節點的點擊事件

               $("input[name='items']").click(function(){ 

                   varinputEl = $(this); 

                   varpId = inputEl.attr('id'); 

                   varchecked = inputEl.attr('checked');

                     onCheckBoxHander(pId,checked); 

              });

                     var flag=true;

                     varname=$("input[name='item']");

                 for(var i = 0; i <name.length; i++){

                         var checks =$(name[i]).attr("checked");

                       if(!checks){

                              flag=false;

                            return;

                       }

                     }

                 if(flag==true){

                         $("#all").attr("checked",true);

                 }*/

/*varid = document.getElementById("all");

              var checked = id.checked;

              if(checked){                       

                     varname=$("input[name='item']");

                for(var i = 0; i <name.length; i++){

                            $(name[i]).attr("checked",false);

                     }

                $("#all").attr("checked",false);

              }else{

                     varname=$("input[name='item']");

                for(var i = 0; i <name.length; i++){

                            $(name[i]).attr("checked",true);

                     }

                $("#all").attr("checked",true);

              }     */

<input type=”checkbox” id=”all”value=”all” name=” items”>    //注:其餘多選框name=item

<a href=”javascript:click();”> 全選/反選</a>

第二種多選框全選反選:

       function click(){

             

              var flag=false;

              var checks;

                     varname=$("input[name='item']");

                      var check =$(name[0]).attr("checked");

                     if(check == true){

                         for(var i = 0; i <name.length; i++){

                                checks  = $(name[i]).attr("checked");

                              if(!checks){

                                     flag=true;

                                   break;

                              }

                             

                            }

                }else{

                            flag=true;  

                }

                     for(var i = 0; i<name.length; i++){

                                $(name[i]).attr("checked",flag);   

                            }             

       }

<a href=”javascript:click();”> 全選/反選</a>

發佈了23 篇原創文章 · 獲贊 12 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章