jquery获取input的输入值

获取单个input的值

使用val()方法直接获取指定input元素的值。假设input的id为username：

var inputValue = $('#username').val();

获取多个input的值（表单场景）

遍历表单内的所有input元素，获取其值并存储为对象或数组：

// 方法1：存储为对象（推荐）  
var formData = {};  
$('form input').each(function() {  
  formData[$(this).attr('name')] = $(this).val();  
});  

// 方法2：存储为数组  
var values = [];  
$('form input').each(function() {  
  values.push($(this).val());  
});

动态获取input值（事件触发）

通过事件监听实时获取输入值，例如keyup或change事件：

$('#dynamicInput').on('keyup', function() {  
  console.log($(this).val());  
});  

特殊类型input的值获取

对于checkbox或radio，需判断选中状态再取值：

// 单选框  
var radioValue = $('input[name="gender"]:checked').val();  

// 复选框（多选）  
var checkedValues = [];  
$('input[name="hobbies"]:checked').each(function() {  
  checkedValues.push($(this).val());  
});

注意事项

• 若input为空，val()返回空字符串""。
• 动态生成的input需使用事件委托监听：

  $(document).on('keyup', '.dynamic-input', function() {  
    console.log($(this).val());  
  });