这篇文章主要为大家展示了“.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>
以上是“.val如何将函数作为参数设置文本框的值”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
