Définir le Texte de l'Étiquette avec JQuery

Cela devrait être assez simple, cependant, le code suivant n'est pas de faire quelque chose d'aussi loin que la modification de l'étiquette suivante du texte. J'ai essayé d'utiliser .texte, .html, et ainsi de suite, en vain. Il n'y a rien de mal avec ce code?

<script type="text/javascript">
$(document).ready(function()
{
    $("input:checkbox").on("change", checkboxChange);

    function checkboxChange()
    {
        $("#"+this.id).next("label").text("TESTTTT");
    }
});
</script>



<td width="15%" align="center"><input type="checkbox" name="task1" id="task1"></td>
<td width="25%" align="center"><label for="task1"></label></td>
Mettre un code HTML ici
.next ne s'applique que pour diriger les frères et sœurs. Votre label n'est pas sur le même DOM niveau que votre input. Vous feriez mieux d'utiliser que for attribut dans un sélecteur
checkboxchange() est une fonction...u a oublié d'utiliser paranthesis 😛
non, il est à l'aide référencé dans la fonction, et non pas la valeur renvoyée par cette fonction

OriginalL'auteur | 2014-01-03

  1. 18

    La case à cocher est dans un td, donc besoin pour obtenir le premier parent:

    $("input:checkbox").on("change", function() {
    $(this).parent().next().find("label").text("TESTTTT");
});

    Sinon, trouver un label qui a une for avec la même id (peut-être plus performant que l'traversal) :

    $("input:checkbox").on("change", function() {
    $("label[for='" + $(this).attr('id') + "']").text("TESTTTT");
});

    Ou, pour être plus concis, juste this.id:

    $("input:checkbox").on("change", function() {
    $("label[for='" + this.id + "']").text("TESTTTT");
});
    C'était ça, merci! Je vais accepter dès qu'il me le permet.
    vous devez utiliser l'attribut de l'étiquette à la place
    this.id est très bien, pas besoin de l'envelopper comme un objet jQuery
    oui, je inittially voulu montrer le problème et a été l'édition de répondre à montrer avec pour.
    Alors maintenant, vous avez une réponse complète +1

    OriginalL'auteur Abhitalks

  2. 8

    Je voudrais juste requête pour le for attribut au lieu de façon répétitive recursing l'arborescence DOM.

    $("input:checkbox").on("change", function() {
    $("label[for='"+this.id+"']").text("TESTTTT");
});

    OriginalL'auteur CodingIntrigue