jQuery - Как использовать каждый метод () для прохождения и изменения всех флажков на загрузке страницы

Question

Я загружаю веб -страницу с серией из более чем 20 флажок. Страница загружается с помощью данных из базы данных, так что некоторые из флажков будут проверены, а TextAreeAs, подключенные к этим флажонам, будет иметь немного текста. Я думаю, что я хочу сделать: 1) Итерация через все Chekboxes и найти те, которые проверяются 2), затем измените атрибут «отключен» и свойства CSS каждого связанного текста Textarea

Каждый флажок имеет уникальный идентификатор (например, Speca01, Speca02, Speca03 и т. Д.), И у каждого Textarea есть уникальный, но связанный идентификатор (например, Speca01Summ, Speca02Summ, Speca03Summ и т. Д.)

У меня есть этот код, который я изменил с другой строки на одной странице, но я знаю, что я неправильно понимаю какой -то основной принцип ... вероятно, связан с линией «. Это» ...

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

            });

По сути, в этом коде я пытаюсь пройти через все зарегистрированные флажки, получить каждый из своих идентификаторов в переменной с именем «FackboxId», а затем изменить элемент TextAREA с помощью идентификатора «#' + fackboxid +' Summ». Любая помощь или руководство, которое вы можете предоставить, очень ценится. Извините за мое вопиющее невежество. Я все еще изучаю программирование и jQuery.

Answer 1

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