lunedì 1 febbraio 2021

Javascript rilevare elementi di una tabella

 L'esempio di codice qui di seguito, rileva se i controlli di tipo Checkbox hanno la spunta.

Supponiamo di avere una tabella con due righe, e nella seconda riga sono presenti delle checkbox, il ciclo verifica ciò.

La tabella ha una classe di stile, con il quale si rileveranno i contenuti.

 var Tabella = document.querySelectorAll(".MiaClasse"); 

 for (var Colonne = 0; Colonne < Tabella [0].rows[1].cells.length; Colonne++) {

                    if (typeof Tabella [0].rows[1].cells[Colonne].childNodes[0] != "undefined") {

                        if (Tabella [0].rows[1].cells[Colonne].childNodes[0].className == 'ClassePerCheck') { 

                            //verifico se almeno c'è un check

                            if (Tabella[0].rows[1].cells[Colonne].childNodes[0].childNodes[0].checked == true) {

                                //Codice

                                break;

                            }

                        }

                    }

                }


Tramite il metodo querySelectorAll rilevo tutti gli elementi della tabella.

Da li, presumendo che i checkbox si trovano alla riga 1, effettuo un ciclo per tutte le colonne nella ricerca dei controlli Checkbox verificando la classe, in tal caso verifico se ha la spunta.



Nessun commento: