jquery取input值

获取 input 值的方法

使用 jQuery 获取 input 元素的值可以通过多种方式实现，以下是几种常见的方法：

通过 ID 选择器获取

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

通过 class 选择器获取

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

通过属性选择器获取

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

通过标签选择器获取

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

获取多个 input 的值

如果需要获取多个 input 的值，可以使用 each 方法遍历：

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

获取特定类型的 input 值

对于不同类型的 input 元素（如 checkbox、radio），获取值的方式可能略有不同：

获取 checkbox 的值

$('#checkboxId').is(':checked');

获取 radio 的值

$('input[name="radioName"]:checked').val();

注意事项

• 确保 DOM 加载完成后再执行 jQuery 代码，可以将代码放在 $(document).ready() 中。
• 如果 input 元素是动态生成的，需要使用事件委托或确保在元素存在后再获取值。

示例代码

$(document).ready(function() {
    $('#submitBtn').click(function() {
        var inputValue = $('#textInput').val();
        alert('Input value is: ' + inputValue);
    });
});

以上方法涵盖了 jQuery 获取 input 值的常见场景，可以根据具体需求选择合适的方式。