How to use jQuery to get the value of HTML attribute of elements?

jQueryWeb DevelopmentFront End Technology

To get the value of html attribute, use the val() method.

Example

You can try to run the following code to learn how to use jQuery to get the value of HTML attribute of elements:

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
      <script>
         $(document).ready(function() {
            $("#buttonSet").click(function () {            
              $("#buttonGet").removeAttr('disabled');
            });

            $("#buttonGet").click(function () {
              $("#result").html(
              $("#txtBox").val() + "<br/>" +
              $("input:radio[name=rd]:checked").val()
            );
         });
         });
      </script>
   </head>
   <body>
      Name <br />
      <input id="txtBox" type="text" />
      <br /><br />
      Gender <br />
      <input type="radio"  name="rd" value="male"/> Male
      <input type="radio"  name="rd" value="female"/> Female
      <br /><br />
      <input id="buttonSet" type="button" value="Set Values" />
      <input id="buttonGet" type="button" value="Get Values" disabled="disabled" />
      <p id="result"></p>
   </body>
</html>
raja
Published on 15-Dec-2017 18:22:22
Advertisements