How to add attributes to an HTML element in jQuery

Topic: JavaScript / jQuery« Prev|Next »

Answer: Use the jQuery attr() methods

The following example will show you how to add attributes to an HTML element using jQuery. In the example when you click the Select Checkbox button it will add checked attribute to the checkbox using the jQuery attr() method.

  • <!DOCTYPE html>
  • <html lang="en">
  • <head>
  • <meta charset="utf-8">
  • <title>jQuery Adding Attribute to HTML Element</title>
  • <script src=""></script>
  • <script type="text/javascript">
  •     $(document).ready(function(){
  •         $(".add-attr").click(function(){            
  •             $('input[type="checkbox"]').attr("checked", "checked");
  •         });
  •     });
  • </script> 
  • </head>
  • <body>
  •     <button type="button" class="add-attr">Select Checkbox</button>
  •     <input type="checkbox"> 
  • </body>
  • </html>

Related FAQ

Here are some more FAQ related to this topic:


Your Feedback:


We would love to hear from you! Please say something.