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 值的常见场景,可以根据具体需求选择合适的方式。







