Comment changer le texte d’un bouton avec jQuery

Vous pouvez utiliser la méthode prop() de jQuery pour modifier le texte des boutons construits à l’aide de la balise <input>, tandis que vous pouvez utiliser la méthode html() pour modifier le texte des boutons construits à l’aide de la balise <button>.
 
 
Le code jQuery dans l’exemple suivant modifiera le texte du bouton lorsque le document est prêt:
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<title>Changer le texte d'un bouton avec jQuery</title>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			$(document).ready(function(){
				// Changer le texte du bouton
				$("#btn").html("New Text");

				// Changer le texte de l'input
				$("#inpt").prop("value", "New Text");
			});
		</script>
	</head>
	<body>
		<button type="button" id="btn">Old Text</button>
		<input type="button" id="inpt" value="Old Text">
	</body>
</html>
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *