javascript - jQueryで複数のチェックボックスをチェックするにはどうすればよいですか?

Question

各行の先頭にチェックボックスがあるテーブルがあります。各チェックボックスには #tablecheckbox の ID があります。テーブルのヘッダー行にはチェック アイコンがあり、テーブル内のすべてのボックスをチェックする必要があります。jQueryでこれを行うにはどうすればよいですか?

Answer 1

ここで 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);
            }
        });

Answer 2

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


        $('.person').click(function () {
            if ($('.person').length == $('.person:checked').length) {
                $('#head_checkbox').attr('checked', true);
            } else {
                $('#head_checkbox').attr('checked', false);
            }
        });