12
votes

Mettre à jour la balise HTML H4 à l'aide de JQuery

J'ai du mal à changer le "texte" entre une balise HTML en utilisant jQuery. Lorsque quelqu'un clique sur un "bouton radio", le texte doit être mis à jour dans un certain élément HTML. Voici mon HTML:

<h4 class="manager">Manager</h4>


4 commentaires

Quel était le code JQuery que vous avez essayé?


$ ("H4.Manager"). Texte ("Employés"); devrait le faire. Qu'avez-vous essayé?


@Jasontowne merci! Cela a résolu mon problème ... J'utilisais la fonction .html ()


@ trois3 heureux d'aider. J'ai posté mon commentaire comme une réponse afin que vous puissiez marquer votre question comme répondu.


5 Réponses :


20
votes

Vérifiez le violon suivant.

http://jsfiddle.net/jbjxn/ p>

<div class="radio-line" id="radio-manager">
    <input type="radio" id="rad-400" name="radio-manager" value="No" data-text="Employees" />
</div>

<h4 class="manager">Manager</h4>

$('.radio-line').on('click', 'input[type="radio"]', changeText);

function changeText(e) {
    $('.manager').text($(e.currentTarget).data('text'));
}​


0 commentaires

1
votes

Cela devrait fonctionner pour vous:

$("#rad-r00").click(function() {
    if ($('input:radio[name=radio-manager]:checked').val() == "Yes") {
        $(".manager").html('Manager')
    }
    else {
        $(".manager").html('Not - Manager');
    }
 });


0 commentaires

2
votes

Est-ce que cela fonctionne?

$("#rad-400").on("click", function () {
    $(".manager").text("Employees");
}); 


0 commentaires

3
votes

de mon commentaire ci-dessus: xxx

devrait fonctionner.


0 commentaires

5
votes

Tout ce que vous avez à faire est celui-ci - xxx

voir http: // jsfiddle .NET / EUB9Y /


0 commentaires