Teach with us

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

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>
Updated on 18-Dec-2019 08:20:27

0 Views

Tutorials Point

Previous Page Next Page  
Advertisements