jQuery - Come utilizzare ciascun metodo () per scorrere e modificare tutte le caselle controllato su un caricamento della pagina

StackOverflow https://stackoverflow.com/questions/2050924

  •  20-09-2019
  •  | 
  •  

Domanda

Sono il caricamento di una pagina web che ha una serie di oltre 20 caselle. La pagina viene caricata con i dati da un database, in modo che alcune delle caselle di controllo verranno controllati, e textareas collegate a quelle caselle di controllo avrà un testo in loro. Quello che penso che voglio fare è: 1) scorrere tutte le chekboxes e trovare quelli che vengono controllati 2) quindi modificare le 'disattivò attributi e css proprietà di ogni textarea correlati

Ogni casella ha un ID univoco (ad esempio, specA01, specA02, specA03, ecc ...) e ogni textarea ha un ID univoco ma correlato (ad esempio, specA01summ, specA02summ, specA03summ, ecc ...)

ho questo codice che ho modificato da un'altra linea sulla stessa pagina, ma so di essere un po 'equivoco principio di base qui ... probabilmente ha a che fare con i ".questo" linea ...

    $("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 sostanza, in questo codice, sto cercando di ciclo di tutti controllati caselle di controllo, ottenere ciascuna delle loro identità di in una variabile chiamata 'checkBoxID', e quindi modificare l'elemento textarea con l'ID del '#' + checkBoxId + ' summ' .Any aiuto o di orientamento è possibile fornire è molto apprezzato. Mi dispiace per la mia ignoranza palese. Sto ancora imparando la programmazione e jQuery.

È stato utile?

Soluzione

$(":checkbox:checked").each(function(o){
  var chkID = $(this).attr("id");
  $("#"+chkID+"summ").removeAttr("disabled");
  /* ... */
});
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top