input checkbox 全選

時間 2019-12-07

原文原文鏈接

<!DOCTYPE Html>

<html>

    <head>

         <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>

         <script type="text/javascript">

             function selectAll(checkbox) {

                 $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));

             }

         </script>

     </head>

     <body>

         <input type="checkbox" onclick="selectAll(this);" />全選<br/>

         <input type="checkbox"  /><br/>

         <input type="checkbox"  /><br/>

         <input type="checkbox"  /><br/>

         <input type="checkbox"  /><br/>

         <input type="checkbox"  /><br/>

         <input type="checkbox"  /><br/>

     </body>

</html> javascript

 
    //全選  
   
     04 
     function select_all(){  
    
     05 
         $("input[name='id']").attr("checked", true);  
    
     06 
     }  
    
     07 
        
     08 
     //全不選  
    
     09 
     function unselect_all(){  
    
     10 
         $("input[name='id']").attr("checked", false);   
    
     11 
     }  
    
     12 
        
     13 
     //反向選擇  
    
     14 
     function select_other(){  
    
     15 
         jQuery.each($("input[name='id']"), function(i, n){  
    
     16 
         n.checked = !n.checked;  
    
     17 
         });   
    
     18 
     }

相關標籤/搜索

recyclerview+checkbox

listview+checkbox

checkbox+label+selector

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。