jQuery checkbox 选择-优快云博客

本文链接：https://blog.youkuaiyun.com/ooxxooxx123/article/details/84318937

本文介绍如何使用jQuery库实现网页元素的批量选择、反选和提交操作，包括全选、全不选和反选功能，以及通过选择状态获取对应值的应用。

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

 $(function () {

            // 全选

            $("#btnCheckAll").bind("click", function () {

                $("[name = chkItem]:checkbox").attr("checked", true);

            });
 
            // 全不选

            $("#btnCheckNone").bind("click", function () {

                $("[name = chkItem]:checkbox").attr("checked", false);

            });
 
            // 反选

            $("#btnCheckReverse").bind("click", function () {

                $("[name = chkItem]:checkbox").each(function () {

                    $(this).attr("checked", !$(this).attr("checked"));

                });

            });
 
            // 全不选

            $("#btnSubmit").bind("click", function () {

                var result = new Array();

                $("[name = chkItem]:checkbox").each(function () {

                    if ($(this).is(":checked")) {

                        result.push($(this).attr("value"));

                    }

                });
 
                alert(result.join(","));

            });

        });

    </script>