jQuery val( val ) Method

« Previous Chapter Next Chapter »

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:

Example

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:

Example

<html>
<head>
<title>The Selecter Example</title>
<script type="text/javascript" src="../../js/jquery-2.2.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 would generate following result.

Example

<html>
<head>
<title>The Selecter Example</title>
<script type="text/javascript" src="../../js/jquery-2.2.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="First Input Box"/>
</body>
</html>
                                        
Code It Online

« Previous Chapter Next Chapter »

Have Any Suggestion? We Are Waiting To Hear from YOU!

Your Query was successfully sent!