jQuery donné ID d'entrée, obtenir le texte de l'étiquette

Dans mes formulaires HTML (comme dans la plupart des formulaires HTML), les étiquettes partagent le même Id que les champs. Je suis en train de retourner à l'HTML de la balise d'étiquette une fois que la case à cocher avec un ID correspondant est cliqué.

<input id="yes1" type="checkbox">
<label for="yes1">This is the text it should return.</label>

Et mon jQuery:

$('input').change(function() {
    if (this.checked) {
        var response = $('label#' + $(this).attr('id')).html();
    }
}

Mais hélas, la réponse vient comme NULLE.

source d'informationauteur delwin

  1. 31
    $('input').change(function() {
    if (this.checked) {
        var response = $('label[for="' + this.id + '"]').html();
    }
});

    Pas besoin d'obtenir l'id de l'attribut.

    Démo: http://jsfiddle.net/wycvy/

  2. 0

    ici est l'exemple de base selon vos besoins. Vous avez besoin du contenu html à partir de l'étiquette à côté de votre case, si elle est cochée.

    utiliser cette

    HTML 

    <div>
<form >
<input type="checkbox" id="yes" /><label for="yes">text yes </label>
<input type="checkbox" id="no" /><label for="no">text no</label>

 </form>


</div>

    JQUERY 

    $('input').change(function() {
        if (this.checked) {
            var response =  $(this).next("label").html();
            alert(response);
        }
    })
  3. -2

    votre syntaxe est un peu wacked, essayez de configurer le code HTML comme

    <input id="yes1" type="checkbox" />
<label for="yes1" id="yes1-label">This is the label</label>

    et ensuite utiliser jquery comme

    $("#yes1").click(function() {
 if ($("#yes1").is(":checked")) {
   /* it's not really clear what you are trying to do here */
   var response = $("#label").attr("id");
   $("#yes1-label").text(response); 
 }
});