Comment récupérer la valeur d’un input texte en jQuery

Vous pouvez simplement utiliser la méthode val() de jQuery pour obtenir la valeur d’une zone de texte.
 
 
Essayez l’exemple suivant en entrant quelque chose dans la zone de texte et en cliquant sur le bouton « Afficher la valeur ». Le résultat s’affiche dans une boîte de dialogue.
 

Code source :
<!DOCTYPE html>
<html>
	<head>
		<title>Récupérer la valeur d’un input texte en jQuery</title>
		<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
		<script>
			$(document).ready(function(){
				$("#btn").click(function(){
					var str = $("#inpt").val();
					alert(str);
				});
			});
		</script>
	</head>
	<body>
		<input type="text" id="inpt">
		<button type="button" id="btn">Afficher la valeur</button>
	</body>
</html>
Résultat

 
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 *