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

octobre 2, 2019février 10, 2020 Thomas Aucun commentaire

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>