全选/取消全选

最新推荐文章于 2025-05-21 09:23:18 发布

lihuang319

最新推荐文章于 2025-05-21 09:23:18 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lihuang319/article/details/80116877

本文介绍了一段使用jQuery实现的功能，该功能允许用户通过一个主开关来控制页面上一组复选框的选中状态。当主开关被激活时，所有对应的复选框将被选中；反之，则全部取消选中。此方法使用了prop和removeAttr方法来确保在不同的操作下都能正确地更新复选框的状态。

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

$("#all").change(function() {
   $("input[name='member_types[]']").prop("checked", true);
   if($(this).is(':checked')){
                    $("input[name='member_types[]']").each(function(){
                        //此处如果用attr，会出现第三次失效的情况
                        $(this).prop("checked",true);
                    });
            }else{
                $("input[name='member_types[]']").each(function(){
                        $(this).removeAttr("checked",false);
                    });
            }
   });