jquery获取input的值
使用 jQuery 获取 input 值的方法
通过 ID 获取 input 值
var value = $('#inputId').val();
#inputId 是 input 元素的 ID 选择器,.val() 方法用于获取或设置表单元素的值。
通过 class 获取 input 值
var value = $('.inputClass').val();
.inputClass 是 input 元素的 class 选择器,适用于多个具有相同 class 的 input 元素,但仅返回第一个匹配元素的值。
通过 name 属性获取 input 值
var value = $('input[name="inputName"]').val();
input[name="inputName"] 通过 name 属性选择 input 元素,适用于表单中多个 input 元素的情况。
获取多个 input 的值
$('input').each(function() {
var value = $(this).val();
console.log(value);
});
使用 .each() 方法遍历所有 input 元素,获取每个 input 的值。
获取特定类型的 input 值
var textValue = $('input[type="text"]').val();
var passwordValue = $('input[type="password"]').val();
通过指定 input 的 type 属性(如 text、password)获取对应类型的值。
注意事项
- 确保 DOM 加载完成后再执行 jQuery 代码,可以将代码放在
$(document).ready()中。 - 如果 input 元素不存在或未加载,
.val()可能返回undefined。 - 对于复选框(checkbox)或单选按钮(radio),需要使用
.prop('checked')获取选中状态。







