jQuery - val( val ) Method

Description

The val( val ) method sets the input value of every matched element.

If this method is called on radio buttons, checkboxes, or select options then it would checks, or selects them at the passed value.

Syntax

Here is the simple syntax to use this method −

selector.val( val )

Parameters

Here is the description of all the parameters used by this method −

val − If it is called on <input> but if it is called on <select> with the passed <option> value then passed option would be selected, if it is called on check box or radio box then all the matching check box and radiobox would be checked.

Example

Following example would set the value attribute of the second input with the value content of the first input −

Live Demo

<html>
   <head>
      <title>The Selecter Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
   
      <script type = "text/javascript" language = "javascript">
         $(document).ready(function() {
            var content = $("input").val();
            $("input").val( content );
         });
      </script>
   </head>
	
   <body>
      <input type = "text" value = "First Input Box"/><br/>
      <input type = "text" value = "Second Input Box"/>
   </body>
</html>

This will produce following result −

jquery-attributes.htm