input checkbox 全选

最新推荐文章于 2024-01-15 02:52:58 发布

weixin_34034261

最新推荐文章于 2024-01-15 02:52:58 发布

阅读量87

点赞数

原文链接：http://www.cnblogs.com/sprine/p/4682173.html

版权

<!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>

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