jquery清空表单

jQuery 清空表单的方法

使用 jQuery 清空表单可以通过多种方式实现，以下是几种常见的方法：

方法一：使用 val('') 清空输入框

$('form input').val('');
$('form textarea').val('');

此方法适用于 <input> 和 <textarea> 元素，将它们的值设为空字符串。

方法二：使用 reset() 方法重置表单

$('form')[0].reset();

通过调用原生 DOM 的 reset() 方法，可以重置表单至初始状态。注意需将 jQuery 对象转换为 DOM 对象。

方法三：清空所有表单元素

$('form').find('input, textarea, select').val('');

此方法通过选择器匹配所有表单元素（包括下拉菜单 <select>），并将它们的值设为空。

方法四：遍历清空

$('form').find(':input').each(function() {
  $(this).val('');
});

使用 :input 选择器匹配所有表单控件（包括 <input>、<textarea>、<select> 和 <button>），然后逐个清空。

注意事项

• 对于复选框或单选按钮，需单独处理 prop('checked', false)。
• 若表单动态加载，需确保 DOM 完全加载后再执行清空操作（如将代码放在 $(document).ready() 中）。