热门关键字：
jquery > jquery教程 > 常用功能 > Jquery一行代码实现复选框全选功能

Jquery一行代码实现复选框全选功能

2710
作者：管理员
发布时间：2012/7/26 20:52:43
评论数：0
转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=19

 

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>Jquery一行代码实现复选框全选功能 - Jquery-school</title>         <script type="text/javascript" src="http://www.jq-school.com/js/jquery-1.7.2.min.js"></script>  
  6.         <script type="text/javascript">  
  7.             function selectAll(checkbox) {   
  8.                 $('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));   
  9.             }   
  10.         </script>  
  11.     </head>  
  12.     <body>  
  13.         <input type="checkbox" onclick="selectAll(this);" />全选<br/>  
  14.         <input type="checkbox"  /><br/>  
  15.         <input type="checkbox"  /><br/>  
  16.         <input type="checkbox"  /><br/>  
  17.         <input type="checkbox"  /><br/>  
  18.         <input type="checkbox"  /><br/>  
  19.         <input type="checkbox"  /><br/>  
  20.     </body>  
  21. </html>  

 





如果您觉得本文的内容对您的学习有所帮助：支付鼓励



关键字：Jquery一行代码实现复选框全选功能
友荐云推荐