jquery获取input的value值

获取input的value值

使用jQuery获取input元素的value值有多种方法，具体取决于input的类型和场景需求。

通过ID选择器获取

var value = $('#inputId').val();

适用于具有唯一ID的input元素，直接通过ID选择器定位并调用val()方法。

通过类选择器获取

var value = $('.inputClass').val();

适用于通过类名获取元素，但需注意若页面有多个同类元素，仅返回第一个匹配元素的值。

通过属性选择器获取

var value = $('input[name="username"]').val();

适用于通过name属性定位input，常用于表单中具有特定name字段的元素。

获取多个input的值

$('input').each(function() {
    var currentValue = $(this).val();
    console.log(currentValue);
});

遍历所有input元素，逐个获取其值，适用于批量处理表单输入。

注意事项

• 对于checkbox或radio类型，需使用:checked选择器获取选中状态的值：

  var checkedValue = $('input[name="gender"]:checked').val();

• 动态生成的元素需确保DOM加载完成后执行操作，可通过$(document).ready()包裹代码：

  $(document).ready(function() {
      var value = $('#dynamicInput').val();
  });

兼容性提示

• val()方法对大多数表单元素有效，包括text、password、textarea等。
• 旧版本jQuery（低于1.6）需注意attr('value')与val()的行为差异，现代版本推荐统一使用val()。