jquery如何获取input的值

获取input值的方法

通过val()方法 使用jQuery的val()方法可以直接获取input元素的值，适用于大多数表单元素（如<input>、<textarea>、<select>）。

let inputValue = $('#inputId').val();

通过属性选择器 若需动态获取特定类型的input值（如type="text"），可通过属性选择器定位元素。

let textValue = $('input[type="text"]').val();

处理多个input 需遍历多个input元素时，使用jQuery的each()方法。

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

事件监听获取实时值 结合事件监听（如keyup或change）实时获取输入值。

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

注意事项

• 确保DOM加载完成后执行脚本，可通过$(document).ready()包装代码。
• 对于复选框或单选按钮，需检查prop('checked')而非直接使用val()。
• 若元素不存在或jQuery未加载，方法会返回undefined。