.val将函数作为参数设置文本框的值

.val将函数作为参数设置文本框的值
  .val( value )
  
  .val( value )返回: jQuery
  
  描述: 设置匹配的元素集合中每个元素的值。
  
  添加的版本: 1.0.val( value )
  
  value
  
  类型: String, Array
  
  一个文本字符串或一个以字符串形式的数组来设定每个匹配元素的值。
  
  添加的版本: 1.4.val( function(index, value) )
  
  function(index, value)
  
  类型: Function()
  
  一个用来返回设置值的函数。this 指向当前元素。接收的集合中的元素,旧的值作为参数的索引位置。
  
  此方法通常用于设置表单字段的值。
  
  传递一个元素的数组,允许匹配<input type="checkbox">, <input type="radio"> 和 <select multiple="multiple">中的<option>被选中。对于 <input type="radio"> 属于一个单选按钮组 ,还有<select multiple="multiple">的其他元素都将被取消选中。
  
  .val() 方法允许我们通过一个函数来设置这个值。 从 jQuery 1.4 开始, 这个函数通过两个参数,当前元素的所引值和它当前的值:
  
  $('input:text.items').val(function( index, value ) {
  
  return value + ' ' + this.className;
  
  });
  
  这个例子将字符串" items" 附给文本框。
  
  例子:
  
  Example: 将函数作为参数设置文本框的值。
  
<!DOCTYPE html>
<html>
<head>
  <script src="https://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
 
  <p>Type something and then click or tab out of the input.</p>
  <input type="text" value="type something" />
 
<script>
  $('input').bind('blur', function() {
    $(this).val(function( i, val ) {
      return val.toUpperCase();
    });
  });
  </script>
 
</body>
</html>

推荐阅读