jQuery - cómo utilizar cada uno () Método para recorrer y alterar toda cajas controladas en una carga de la página

Question

Estoy cargando una página web que tiene una serie de más de 20 casillas. La página está siendo cargado con los datos de una base de datos, por lo que algunas de las casillas de verificación se comprobarán y áreas de texto conectados a esas casillas de verificación tendrá algún texto en ellos. Lo que creo que quiero hacer es: 1) iterar a través de todos los chekboxes y encontrar los que son controlados 2) a continuación, modificar las propiedades de los atributos y CSS 'Desactivado' de cada área de texto relacionados

Cada casilla tiene un identificador único (por ejemplo, specA01, specA02, specA03, etc ...) y cada área de texto tiene un identificador único, pero relacionado (por ejemplo, specA01summ, specA02summ, specA03summ, etc ...)

tengo este código que he modificado de otra línea en la misma página, pero sé que estoy malentendido algún principio básico aquí ... probablemente tiene que ver con los ".Esta" línea ...

    $("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");

            });

En esencia, en este código, que estoy tratando de bucle a través de todos se comprueban casillas de verificación, obtener cada una de sus identificaciones en una variable llamada 'checkBoxID' y modifique el elemento de área de texto con el identificador de '#' + checkBoxId + ' Summ' .Cualquier ayuda o guía que se puede brindar es muy apreciada. Lo siento por mi ignorancia flagrante. Todavía estoy aprendiendo programación y jQuery.

Answer 1

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