JQuery实现表格复选框

最新推荐文章于 2022-04-02 15:41:48 发布

毛毛12

最新推荐文章于 2022-04-02 15:41:48 发布

阅读量2.4k

点赞数

分类专栏： jquery 文章标签： jquery

本文链接：https://blog.csdn.net/zhang245754954/article/details/54799708

版权

本文介绍了如何使用JQuery实现表格中复选框的全选、全不选和反选功能，提供了相应的代码示例，并展示了实际效果。

摘要由CSDN通过智能技术生成

利用jquery实现全选全部选反选等等效果


<script language="JavaScript"  src="../js/jquery-1.4.2.js"></script>
  </head>
  <script type="application/javascript">
        $().ready(function(){
    
            $("#checkItems").click(function(){
    
                if($(this).attr("checked")){
   //被选中
                    $(":checkbox[name='items']").attr("checked",true);
                }else{
                    $(":checkbox[name='items']").attr("checked",false);
                }
            });

            $("#checkall").click(function(){
    
                $(":checkbox[name='items']").attr("checked",true);
                $("#checkItems").attr("checked",true);