jquery input
jQuery Input 操作指南
获取 input 值
使用 .val() 方法获取或设置 input 元素的值。获取值时不需要参数，设置值时传入新值作为参数。
// 获取值
var value = $('#inputId').val();
// 设置值
$('#inputId').val('new value');监听 input 事件
通过 .on() 方法监听 input 元素的变更事件，实时获取用户输入内容。
$('#inputId').on('input', function() {
console.log($(this).val());
});清空 input 内容
使用 .val('') 将 input 的值设为空字符串，或调用 .trigger('reset') 重置表单。
// 清空单个 input
$('#inputId').val('');
// 重置整个表单
$('#formId').trigger('reset');动态添加 input 元素
通过 jQuery 的 DOM 操作函数动态创建并插入 input 元素到指定位置。
var newInput = $('<input>', {
type: 'text',
id: 'dynamicInput',
placeholder: 'Enter text'
});
$('#container').append(newInput);验证 input 内容
结合正则表达式或 HTML5 验证属性检查输入内容是否符合要求。
$('#submitBtn').click(function() {
var inputVal = $('#inputId').val();
if (!inputVal.match(/^[A-Za-z]+$/)) {
alert('只允许字母');
return false;
}
});禁用/启用 input
使用 .prop() 方法控制 input 元素的禁用状态。
// 禁用
$('#inputId').prop('disabled', true);
// 启用
$('#inputId').prop('disabled', false);获取 input 属性
通过 .attr() 方法读取或修改 input 元素的属性（如 placeholder、type）。
// 获取属性
var type = $('#inputId').attr('type');
// 修改属性
$('#inputId').attr('placeholder', 'New hint');复选框/单选框操作
针对 checkbox 和 radio 类型 input，使用 .prop('checked') 获取或设置选中状态。
// 获取是否选中
var isChecked = $('#checkboxId').prop('checked');
// 设置为选中
$('#radioId').prop('checked', true);
