Comment je peux obtenir le texte d'une case à cocher?

J'ai l'ensemble des cases à cocher:

<ul class="checkbox_list">
 <li><input name="mensajes[receptores_list][]" type="checkbox" value="5" id="mensajes_receptores_list_5" />&nbsp;<label for="mensajes_receptores_list_5">Carlos (Admin)</label></li>
<li><input name="mensajes[receptores_list][]" type="checkbox" value="1" id="mensajes_receptores_list_1" />&nbsp;<label for="mensajes_receptores_list_1">Jorge (Admin)</label></li>
<li><input name="mensajes[receptores_list][]" type="checkbox" value="3" id="mensajes_receptores_list_3" />&nbsp;<label for="mensajes_receptores_list_3">Marisa (Admin)</label></li>
<li><input name="mensajes[receptores_list][]" type="checkbox" value="6" id="mensajes_receptores_list_6" />&nbsp;<label for="mensajes_receptores_list_6">Christian (Apuntes)</label></li>
<li><input name="mensajes[receptores_list][]" type="checkbox" value="4" id="mensajes_receptores_list_4" />&nbsp;<label for="mensajes_receptores_list_4">Julieta (Contable)</label></li>
<li><input name="mensajes[receptores_list][]" type="checkbox" value="2" id="mensajes_receptores_list_2" />&nbsp;<label for="mensajes_receptores_list_2">Vicky (Contable)</label></li>
</ul>

À l'aide de javascript, comment je peux accéder au texte de chaque élément. Par exemple, pour l'élément avec id = "mensajes_receptores_list_5" je veux mettre le texte de "Carlos (Admin)"

vous êtes à la recherche pour le texte des étiquettes ou les cases à cocher?
Je veux obtenir le texte "Carlos (Admin)", par exemple
Si vous êtes divertissant jQuery solutions, il serait préférable d'ajouter un tag avec jQuery
kjelderg: OK, Ok, je ne savais pas quelle serait la meilleure solution pour mon problème, je m'en excuse
Pas d'excuses. J'essayais juste d'aider à faire les choses correctement balisé

OriginalL'auteur Jorge H | 2013-10-17

  1. 3

    Par Jquery

     function getLabel(id)
   {
  return $("#"+id).next("label").html();
   }

  //id of checkbox ,you want to get label of
  var label=getLabel('mensajes_receptores_list_1'); 
  alert(label);

    Jsfiddle http://jsfiddle.net/pcQgE/1/

    Juste une remarque, cela fonctionne pour l'exemple où l'étiquette vient après la case, mais pas pour le cas plus général des étiquettes et des cases à cocher.
    J'ai un <label> se tient juste derrière <input type="checkbox">. Cependant, cette solution ne peut pas trouver le <label>. Le résultat est toujours renvoyée valeur null

    OriginalL'auteur Manish

  2. 6

    Je dirais comme ça:

    function getLabelText(needle) {
    var labels = document.getElementsByTagName("label");
    var texts = [];
    for (var i = 0; i < labels.length; i++) {
        var label = labels[i];
        if(label.getAttribute("for") == needle) {
            console.log(label.innerText);
            texts.push(label.innerText);
        }
    }
    return texts;
}
    Merci de fournir un non-jQuery solution. Je voulais juste ajouter que dans mon cas .valeur de retour "undefined" j'ai donc utilisé .innerText et qui a bien fonctionné.

    OriginalL'auteur kjelderg

  3. 1

    vous pouvez utiliser le sélecteur de frères:

    var id = "mensajes_receptores_list_5"
alert( document.querySelector("#"+id+"+ label").innerText );

    OriginalL'auteur gp.

  4. 0

    Cela permettra de parcourir et d'imprimer tout le texte à la console. Vous pouvez également obtenir un spécifique en utilisant if(i == 3) par exemple.

    var labels = document.getElementsByTagName('label');

for(var i = 0; i < labels.length; i++)
{
    console.log(labels[i].innerHTML);
}

    http://jsfiddle.net/pcQgE/

    OriginalL'auteur Alex W

  5. 0

    Vous pouvez utiliser jQuery.
    Exemple:

    var label = $("#mensajes_receptores_list_5").next("label").text();
alert(label)

    OriginalL'auteur R. Oosterholt