jquery之处理表单元素值(使用val()方法)

jquery之处理表单元素值(使用val()方法)

----------

 

存取表单元素值，jquery的val()命令考虑了大多数的常见情况，返回包装集里第一个表单元素的value特性。

val()语法1：

val()

返回匹配集里第一个元素的value特性。如果是多选元素，则返回所有选中项的数组。

返回

已获取的值或值数组

这个命令虽然很有用，但必须注意几个限制之处。如果包装集里第一个元素不是表单元素，就会抛出javascript错误。这个命令也不区分复选框和单选按钮的选中或非选中状态，而是返回复选框或单选按钮的value特性值，不管其选中与否。

 

===

另一个我们将会执行的常见操作是设置表单元素的值。给val()命令传递值也就是用于这个目的。

val()语法2：

val(value)

把传入的值设置为所有已匹配表单元素的值

参数

value 一个字符串，用于设置包装集里各表单元素的value属性值

返回

包装集

就像用于读操作的val()的重载变体那样，这个函数也有局限性。例如，不能把多个值设置到多选列表。

 

===

val()方法的另一个用途是使复选框或单选按钮变为选 中状态，或选择<select>元素内的选项。这个val()重载变体的语法。

val()语法3：

val(values)

导致包装集里任何复选框、单选按钮或<select>元素的选项变为已选择(selected)状态，只要它们的值和已传递值数组的任何一个值相匹配

参数

values  一个值数组，用于确定哪些元素将被选中或选择。

返回

包装集

考虑如下语句：

$('input,select').val(['one','two','three']); 

这个语句将搜索页面上所有<input>和<select>元素，只要它们的值和输入字符串one,two或three中的任何一个相匹配。搜索到的任何匹配复选框或单选按钮将变为已选中状态，而任何匹配的select将变为已选择状态。