jquery获取input框的值
jQuery获取input框的值
使用jQuery获取input框的值可以通过多种方式实现，具体取决于input的类型和场景需求。以下是常见的方法：
通过ID获取值
假设input元素的ID为username，可以使用val()方法获取其值：
var value = $('#username').val();通过类名获取值
如果input通过类名（如input-class）标识，需注意返回的是第一个匹配元素的值：
var value = $('.input-class').val();通过属性选择器获取值
适用于根据特定属性（如name="email"）选取input：
var value = $('input[name="email"]').val();获取多个input的值
遍历多个input（如同一类名的所有input）并收集值：
var values = [];
$('.multi-input').each(function() {
values.push($(this).val());
});特殊input类型处理
对于复选框或单选按钮，需检查是否被选中再获取值：
// 复选框
var isChecked = $('#checkbox').is(':checked');
// 单选按钮
var radioValue = $('input[name="gender"]:checked').val();动态监听input值变化
通过事件监听实时获取值变化：
$('#dynamic-input').on('input', function() {
console.log($(this).val());
});注意事项
- 确保DOM加载完成后再执行操作，可将代码放在
$(document).ready()中。 - 对于表单提交，优先使用表单序列化方法
$('form').serialize()批量获取数据。 - 若input值为空，
val()返回空字符串，需做非空校验。
