Discussion :

[tavarlindar]

Bonjour,

J'ai le code suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<label for="case_doc1_contrat_reservation">
<input type="checkbox" name="case_doc1_contrat_reservation" id="case_doc1_contrat_reservation" CHECKED value="Y"  onClick="majLienAutomatique()" />Toto fait du vélo</label>

Je souhaiterais récupérer pour une fonction JS la valeur textuelle de l'input texte, ici, par exemple "Toto fait du vélo".

document.getElementById("case_doc1_contrat_reservation").name; -> retourne case_doc1_contrat_reservation
document.getElementById("case_doc1_contrat_reservation").value; -> retourne Y

Par avance merci,

Tavar

[vermine]

Bonjour,

Avec cet id, vous récupérez en fait la checkbox mais pas le label.

Si vous dissociez le label de la checkbox, en lui rajoutant un id :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<input type="checkbox" name="case_doc1_contrat_reservation" id="case_doc1_contrat_reservation" CHECKED value="Y"  onClick="majLienAutomatique()" />
<label id="idLabel" for="case_doc1_contrat_reservation">Toto fait du vélo</label>

Vous pouvez alors récupérer son innerHTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("idLabel").innerHTML

[tavarlindar]

Bonjour vermine,

Vous avez parfaitement raison. Je faisais une mauvaise utilisation de< label> .
Pour le reste, votre code fonctionne.

Merci

Tavar

[Bovino]

Une mauvaise utilisation, pas nécessairement car la balise <label> peut englober l'input auquel elle se réfère, ce qui permet d'éviter de passer par les attributs for et id.
En revanche, cette méthode rend plus compliquée la récupération du texte du label.