jquery获取input的值

使用 jQuery 获取 input 值的方法

通过 ID 获取 input 值

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

#inputId 是 input 元素的 ID 选择器，.val() 方法用于获取或设置表单元素的值。

通过 class 获取 input 值

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

.inputClass 是 input 元素的 class 选择器，适用于多个具有相同 class 的 input 元素，但仅返回第一个匹配元素的值。

通过 name 属性获取 input 值

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

input[name="inputName"] 通过 name 属性选择 input 元素，适用于表单中多个 input 元素的情况。

获取多个 input 的值

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

使用 .each() 方法遍历所有 input 元素，获取每个 input 的值。

获取特定类型的 input 值

var textValue = $('input[type="text"]').val();
var passwordValue = $('input[type="password"]').val();

通过指定 input 的 type 属性（如 text、password）获取对应类型的值。

注意事项

• 确保 DOM 加载完成后再执行 jQuery 代码，可以将代码放在 $(document).ready() 中。
• 如果 input 元素不存在或未加载，.val() 可能返回 undefined。
• 对于复选框（checkbox）或单选按钮（radio），需要使用 .prop('checked') 获取选中状态。