jQuery--checkbox全选/取消全选-优快云博客

本文介绍了一种利用jQuery简化页面上一组checkbox全选/取消全选的功能实现，提供了简洁高效的代码示例。

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

来自：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