jquery清空表单

使用 jQuery 清空表单的方法

方法一：使用 val('') 清空输入字段
对于 <input>、<textarea> 和 <select> 元素，可以通过 val('') 方法清空其值：

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

方法二：使用 reset() 方法重置表单
如果希望将表单恢复到初始状态（包括默认值和选项），可以直接调用原生表单的 reset() 方法：

$('form')[0].reset();
// 或
$('form').trigger('reset');

方法三：遍历表单元素并清空
针对更复杂的表单（如包含复选框、单选按钮等），可以遍历所有元素并分类处理：

$('form').find(':input').each(function() {
  if ($(this).is('input[type="checkbox"], input[type="radio"]')) {
    $(this).prop('checked', false);
  } else if ($(this).is('select')) {
    $(this).prop('selectedIndex', 0);
  } else {
    $(this).val('');
  }
});

方法四：清空特定类型的字段
若只需清空特定类型的字段（如文本输入框）：

$('form input[type="text"], form input[type="password"]').val('');

注意事项

• 使用 reset() 会还原表单到 HTML 中定义的初始值，而非单纯清空。
• 对于动态生成的表单元素，确保选择器能正确匹配目标元素。
• 若表单通过 AJAX 加载，需在元素存在后再执行清空操作。