jquery获取input值

获取单个input的值

使用.val()方法可以获取input元素的值，这是jQuery中最常用的方式

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

对于文本输入框、密码框、隐藏域等表单元素，.val()方法都能返回其当前值。如果需要监听值的变化，可以结合change或input事件

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

获取多个input的值

当需要获取一组input的值时，可以使用jQuery选择器配合.each()方法

$('input[type="text"]').each(function() {
    console.log($(this).val());
});

对于表单内的所有input，可以直接选择form元素后序列化

var formData = $('form').serialize();

特殊input类型的处理

单选框(radio)需要特别处理，使用:checked选择器获取选中项的值

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

复选框(checkbox)可能需要获取多个选中值

var checkboxValues = [];
$('input[name="checkboxName"]:checked').each(function() {
    checkboxValues.push($(this).val());
});

其他相关方法

.serializeArray()方法可以将表单数据转换为对象数组

var formArray = $('form').serializeArray();

使用.prop()方法可以获取input的属性值

var isChecked = $('#checkboxId').prop('checked');