jquery清空form表单

使用jQuery清空表单的方法

方法一：使用trigger('reset') 适用于通过表单的reset事件清空所有输入字段。这种方式会还原表单到初始状态，包括默认值。

$('#formId').trigger('reset');

方法二：遍历表单元素并清空 通过选择表单内的输入元素（如input、textarea、select），逐个设置为空或默认值。

$('#formId').find('input, textarea, select').each(function() {
  // 根据元素类型处理
  if ($(this).is(':checkbox, :radio')) {
    $(this).prop('checked', false); // 清除单选/复选框
  } else if ($(this).is('select')) {
    $(this).prop('selectedIndex', 0); // 重置下拉框
  } else {
    $(this).val(''); // 清空文本类输入
  }
});

方法三：直接调用DOM的reset方法 通过原生DOM方法触发重置，效果与方法一相同。

$('#formId')[0].reset();

注意事项

• 若表单通过reset事件绑定自定义逻辑，方法一和方法三会触发该事件。
• 方法二更灵活，可针对特定元素处理，但需手动覆盖所有输入类型。
• 对于动态生成的表单元素，确保选择器能正确匹配（如使用on()绑定事件）。