How to get form data with JQuery

admin December 31, 2020October 10, 2021 0 Comments get all form data, how to get form data on button click, jquery form data, jquery get form data after submit

In this tutorial, we are going to see how to get form data with JQuery. To get the values of a form with jQuery, we use the function val().

Script: Get form data with JQuery

<!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>
      Name : <input id="txt"/>
      <br /><br />
      Gender : <input type="radio"  name="s" value="Male"/> Male
      <input type="radio"  name="s" value="Female"/> Female
      <br /><br />
      <input id="get" type="button" value="Get Data"/>
      <p id="output"></p>
   </body>
</html>

Result
Name : Gender : Male Female

Script: Get form data with JQuery

You May Also Like

How to remove all spaces from a string with jQuery

How to Detect a Mobile Device in jQuery

Get data from a database without refreshing the browser using Ajax

Leave a Reply Cancel reply