[收集党]jquery实现“选择全部”

lil_north

于 2012-08-02 14:16:24 发布

阅读量109

点赞数

CC 4.0 BY-SA版权

文章标签： html jquery javascript ViewUI

本文链接：https://blog.youkuaiyun.com/lil_north/article/details/84267868

本文介绍了一个使用jQuery实现的批量选择复选框的功能。通过点击一个总控复选框，可以控制同一组内所有复选框的状态。示例中包含两组复选框，每组都可以独立控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[size=large]收集自 [url]http://www.oschina.net/code/snippet_86510_2781[/url][/size]


<html>
   <head>  
     <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.min.js"></script>  
     <script type="text/javascript">  
        function selectGroup(checkbox,obj) {
           $('input[name='+obj+']').attr('checked', $(checkbox).attr('checked')); 
        }  
     </script>  
  </head>  

  <body>  
    <input type="checkbox" onclick="selectGroup(this,'grp1');" />选中GROUPA<br/>  
     GROUPA:<br/>
    <input type="checkbox" name="grp1" />11<br/>  
    <input type="checkbox" name="grp1" />22<br/>  
    <input type="checkbox" name="grp1" />33<br/><br/> 

    <input type="checkbox" onclick="selectGroup(this,'grp2');" />选中GROUPB<br/> 
    GROUPB:<br/>
    <input type="checkbox" name="grp2" />44<br/>  
    <input type="checkbox" name="grp2" />55<br/>  
    <input type="checkbox" name="grp2" />66<br/>  
  </body>  
</html>