jQuery - como usar cada método () para fazer loop e alterar todas as caixas verificadas em uma página carregar

Question

Estou carregando uma página da web com uma série de mais de 20 caixas de seleção. A página está sendo carregada com dados de um banco de dados, para que algumas das caixas de seleção sejam verificadas e a Textareas conectadas a essas caixas de seleção terá algum texto nelas. O que eu acho que quero fazer é: 1) iterar em todas as caixas de cheks e encontrar as que são verificadas 2) Em seguida, modifique o atributo 'desativado' e as propriedades CSS de cada textarea relacionada

Cada caixa de seleção tem um ID exclusivo (por exemplo, Speca01, Speca02, Speca03, etc ...) e cada textarea tem um ID único, mas relacionado (por exemplo, Speca01Summ, Speca02Summ, Speca03Summ, etc ...)

Eu tenho esse código que modifiquei de outra linha na mesma página, mas sei que estou entendendo mal algum princípio básico aqui ... provavelmente tem a ver com a linha ". Esta" ...

    $("input[type=checkbox][checked]").each(
            function() {
                var checkBoxId = $(this).attr('id');
                $('#' + checkBoxId + 'summ').removeAttr("disabled");
                $('#' + checkBoxId + 'summ').css({'background-color' : '#ffffff', 'color' : '#000000', 'border-color' : '#696FA3', 'height' : '10em'});
                $('#' + checkBoxId + 'summRequired').css("display", "block");

            });

Essencialmente, neste código, estou tentando percorrer todas as caixas de seleção verificadas, colocar cada um de seus IDs em uma variável chamada 'CheckboxId' e modificar o elemento textarea com o ID de '#' + caixa de seleção + 'sum'. Qualquer ajuda ou orientação que você possa fornecer é muito apreciada. Desculpe pela minha flagrante ignorância. Ainda estou aprendendo programação e jQuery.

Answer 1

$(":checkbox:checked").each(function(o){
  var chkID = $(this).attr("id");
  $("#"+chkID+"summ").removeAttr("disabled");
  /* ... */
});