JQuery - So verwenden Sie jede () Methode, um alle überprüften Kontrollkästchen auf einer Seite zu durchlaufen und zu ändern

Question

Ich lade eine Webseite mit einer Reihe von mehr als 20 Kontrollkästchen. Die Seite wird mit Daten aus einer Datenbank geladen, sodass einige der Kontrollkästchen überprüft werden, und die an diese Kontrollkästchen verbundenen Textbereiche enthalten einen Text. Ich denke, ich möchte tun: 1) Iterieren Sie alle Chekboxes und finden Sie diejenigen, die überprüft werden 2) und ändern Sie das Attribut "deaktiviert" und die CSS -Eigenschaften jedes verwandten Textbereichs

Jedes Kontrollkästchen enthält eine eindeutige ID (z. B. Speca01, Speca02, Speca03 usw.) und jede Textbereich hat eine eindeutige, aber verwandte ID (z. B. Speca01Summ, Speca02Summ, Speca03Summ usw.).

Ich habe diesen Code, den ich aus einer anderen Zeile auf derselben Seite geändert habe, aber ich weiß, dass ich hier ein grundlegendes Prinzip missverstehe ... wahrscheinlich hat es mit der Zeile ".This" zu tun ...

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

            });

In diesem Code versuche ich im Wesentlichen, alle Kontrollkästchen überprüft zu durchsuchen, jede ihrer IDs in einer Variablen mit dem Namen "CheckBoxID" zu erhalten und dann das Text -Bereich -Element mit der ID von '#' + CheckBoxID + 'Summe' zu ändern. Jede Hilfe oder Anleitung, die Sie bieten können, wird sehr geschätzt. Entschuldigung für meine offensichtliche Unwissenheit. Ich lerne immer noch Programmierung und jQuery.

Answer 1

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