jquery val

jQuery val() 方法

jQuery 的 val() 方法用于获取或设置表单元素的值，例如 input、select 和 textarea。以下是常见用法：

获取表单元素的值

通过调用无参数的 val() 方法，可以获取匹配的第一个元素的值。

let inputValue = $('input').val();
console.log(inputValue); // 输出 input 元素的值

设置表单元素的值

通过传递参数给 val() 方法，可以设置匹配的所有元素的值。

$('input').val('新的值'); // 将所有 input 元素的值设为 "新的值"

处理下拉菜单（select）

val() 方法同样适用于 select 元素，可以获取或设置选中的选项。

// 获取选中的值
let selectedValue = $('select').val();

// 设置选中的值
$('select').val('option2'); // 选中 value="option2" 的选项

处理多选框（checkbox）和单选按钮（radio）

对于多选框和单选按钮，val() 方法可以结合其他方法（如 prop()）使用。

// 获取单选按钮的值
let radioValue = $('input[name="gender"]:checked').val();

// 设置多选框的选中状态
$('input[type="checkbox"]').val(['checkbox1', 'checkbox2']);

注意事项

• val() 方法仅适用于表单元素，对其他元素（如 div、span）无效。
• 对于多选框或下拉菜单（允许多选），val() 返回一个数组。
• 若未匹配到元素，val() 返回 undefined。