Comment changer le texte d’un bouton avec jQuery

juillet 7, 2019février 10, 2020 Amine KOUIS Aucun commentaire

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>