tableau avec checkbox a deux dimensions

Theo Viala
Javascript

Bonjour,

Voila je rencontre un petit problème avec mon code.

verifCheck: function() {

    var table = document.getElementById('contacts-table');
    var length = table.rows.length;
    for(var i = length; i > 0 ; i-- )
    {

       if(table.getElementById("tr")[i].getElementById("td")[0].checked)
       {
        document.getElementById("nomContact").innerHTML = table.getElementById("tr")[i].getElementById("td")[2].val() + " : " + table.getElementById("tr")[i].getElementById("td")[3].val();
       }

    }

},

j'aimerais que mon tableau vérifie que la checkbox soit coché ou non mais j'ai toujour la meme erreur comme quoi table n'est pas une fonction avez vous une solution s'il vous plait ?

1 réponse

Digivia

Salut Théo,

Va voir sur https://developer.mozilla.org/fr/docs/Web/API/Document/getElementById :

Contrairement à d'autres méthodes de recherche d'éléments, comme Document.querySelector() et Document.querySelectorAll(), getElementById est uniquement disponible comme méthode de l'objet global document et n'est pas disponible sur tous les objets du DOM. Parce que les valeurs d'ID doivent être uniques dans l'ensemble du document, il n'y pas besoin d'avoir une version "locale" de la fonction.

Donc une (première) erreur est générée ici :

table.getElementById("tr")[i]

De plus, tu ne peux pas accéder à un "tr" par la fonction getElementById (puisque tu ne l'appelles pas par son Id)...

La méthode appropriée pour ton usage serait plutôt document.querySelectorAll('tr'), voir https://developer.mozilla.org/fr/docs/Web/API/Document/querySelectorAll