jQuery--checkbox全选/取消全选

关注

转载最新推荐文章于 2026-06-16 08:54:52 发布 536 阅读 AI 写同款· GEO 优化 ›

基于SqlSugar在.NET Core WebApi中构建可复用数据访问层（以SqlServer为例）本文详细介绍了如何在.NET Core WebApi中使用SqlSugar构建可复用的数据访问层，以SqlServer为例。通过分层架构设计、基础仓储实现、事务管理、多库支持等核心技巧，帮助开发者提升代码复用性和维护性。文章还涵盖了性能优化、异常处理与日志、测试策略等实战经验，适用于中大型项目的数据库访问层设计。阅读详情

来自：http://www.cnblogs.com/bynet/archive/2009/11/13/1602491.html

自已的代码：

   <script type="text/javascript">
        $(function() {
            $("input[name='chk_list']").click(function() {
                if (this.checked) {
                    var obj = $("#hid_pageid").val();
                    if (obj == "") {
                        $("#hid_pageid").val(this.value);
                    }
                    else {
                        $("#hid_pageid").val(obj + "," + this.value);
                    }
                    alert($("#hid_pageid").val());
                }
                else {
                    var obj = $("#hid_pageid").val();
                    obj = obj.replace(this.value + ",", "");
                    obj = obj.replace("," + this.value, "");
                    obj = obj.replace(this.value, "");
                    $("#hid_pageid").val(obj);
                    alert($("#hid_pageid").val());
                }
            });
            $("input[name='chk_all']").click(function() {
                if (this.checked) {
                    alert(1);
                    $("input[name='chk_list']").attr("checked", this.checked);
                    var arrChk = $("input[name='chk_list']:checked");
                    var obj = $("#hid_pageid").val();
                    for (var i = 0; i < arrChk.length; i++) {
                        //alert(arrChk[i].value);
                        if (obj == "") {
                            obj = arrChk[i].value;
                        }
                        else {
                            obj = obj + "," + arrChk[i].value;
                        }
                    }
                    $("#hid_pageid").val(obj);
                    alert($("#hid_pageid").val());
                }
                else {
                    alert(0);
                    $("input[name='chk_list']").attr("checked", this.checked);
                    $("#hid_pageid").val("");
                    alert($("#hid_pageid").val());
                }
            });
        });
    </script>

用JavaScript使页面上的一组checkbox全选/取消全选，逻辑很简单，实现代码也没有太难的语法。但使用jQuery实现则更简单，代码也很简洁，精辟！

jQuery版本：1.3.2

收录于