jquery设置input的值

使用 val() 方法设置 input 值

通过 jQuery 的 val() 方法可以快速设置 input 元素的值。该方法适用于所有表单元素，包括 text、password、checkbox 等。

$('#inputId').val('新的值');

通过属性设置 value

也可以直接修改 input 元素的 value 属性来设置值，但这种方法不如 val() 方法简洁。

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

设置多个 input 的值

如果需要批量设置多个 input 元素的值，可以通过类选择器或其他选择器来实现。

$('.inputClass').val('统一的值');

动态设置值

结合 JavaScript 变量或函数返回值来动态设置 input 的值。

var dynamicValue = '动态内容';
$('#inputId').val(dynamicValue);

清除 input 的值

将 input 的值设置为空字符串即可清除内容。

$('#inputId').val('');

设置 checkbox 或 radio 的值

对于复选框和单选按钮，val() 方法同样适用，但需要注意是否选中。

$('#checkboxId').val('新值').prop('checked', true);

注意事项

使用 val() 方法时，确保 DOM 已加载完成，通常在 $(document).ready() 中执行。

$(document).ready(function() {
    $('#inputId').val('页面加载后设置的值');
});