如何在 jQuery 中选中多个复选框？ [复制]

我有一个表格，每行开头都有一个复选框。每个复选框都有#tablecheckbox ID。表格标题行有一个复选图标，应选中表格中所有框的内容。我怎样才能用 jQuery 做到这一点？

这里 head_checkbox 是顶部标题的 id，person 类是所有行复选框

 $('#head_checkbox').on('change', function () {
            if ($(this).is(':checked')) {
                $('.person').attr('checked', true);
            } else {
                $('.person').attr('checked', false);
            }
        });

        $('.person').click(function () {
            var total_length = $('.person').length;
            var total_checked_length = $('.person:checked').length;

            if (total_length == total_checked_length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });