jquery设置input值

使用val()方法设置input值

在jQuery中，val()方法是最常用的设置input元素值的方式。该方法可以获取或设置表单元素的值。

// 设置单个input的值
$('#inputId').val('新值');

// 设置多个input的值
$('.inputClass').val('统一值');

通过attr()方法设置value属性

虽然不推荐，但也可以通过修改value属性来设置input值。

$('#inputId').attr('value', '新值');

设置不同类型的input值

针对不同类型的input元素，设置方式相同但效果不同。

// 文本框
$('#textInput').val('文本内容');

// 复选框
$('#checkboxInput').val(['value1', 'value2']); // 设置多个选中值

// 单选按钮
$('input[name="radioGroup"]').val(['selectedValue']); // 设置选中项

// 下拉选择框
$('#selectInput').val('optionValue'); // 设置选中项

动态设置input值

可以根据其他元素的值或条件动态设置input值。

// 根据另一个input的值设置
$('#input1').val($('#input2').val());

// 条件设置
var condition = true;
$('#input1').val(condition ? '值1' : '值2');

批量设置表单input值

可以使用jQuery选择器批量设置表单中的所有input值。

// 设置所有文本框
$('form input[type="text"]').val('默认值');

// 设置表单内所有input
$('form').find('input').val('重置值');