Récupérer les données d’un formulaire avec JQuery

Dans ce tutoriel nous allons découvrir comment récupérer les données d’un formulaire avec JQuery. Pour obtenir les valeurs d’un formulaire avec jQuery, on utilise la fonction val().
 
 

Script pour récupérer les données d’un formulaire
<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function(){
             $("#get").click(function () {
                $("#output").html(
                    $("#txt").val() + "<br/>" +
                    $("input:radio[name=s]:checked").val()
                );
            });
         });
      </script>
   </head>
   <body>
      Nom : <input id="txt"/>
      <br /><br />
      Sexe : <input type="radio"  name="s" value="homme"/> Homme
      <input type="radio"  name="s" value="femme"/> Femme
      <br /><br />
      <input id="get" type="button" value="Récupérer les valeurs"/>
      <p id="output"></p>
   </body>
</html>
Résultat
Nom :

Sexe : Homme Femme

QCM JavascriptQCM Javascript – Partie 1QCM sur Javascript avec des réponses pour la préparation des tests 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 *