jquery获取input的值

获取input值的方法

使用val()方法
jQuery提供了val()方法用于获取或设置表单元素的值。对于<input>元素，直接调用该方法即可获取当前输入的值。

var inputValue = $('input').val();

通过ID选择器获取特定input的值
若页面中有多个<input>元素，建议通过ID选择器精确获取目标元素的值。

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

通过类选择器或属性选择器获取值
若需批量获取某一类<input>的值，可使用类选择器或属性选择器配合遍历。

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

监听input值的变化
结合change或input事件，可以实时获取用户输入的值。

$('input').on('input', function() {
    var currentValue = $(this).val();
    console.log('当前值:', currentValue);
});

注意事项

• 确保DOM加载完成后再执行jQuery代码，可将代码包裹在$(document).ready()中。
• 对于复选框或单选按钮，需检查prop('checked')而非直接使用val()。
• 若<input>为文件类型（type="file"），需通过files属性获取文件信息而非val()。