使用jQuery清除div中所有控件的值的最简单方法是什么？

Question

我在一个DIV中有一个添加表单，其中包含3-5个文本框。我通过AJAX提交表单，并在其成功函数中隐藏该DIV...现在我想使用jQuery清除adddiv中所有文本框的值？

- ACP

Answer 1

$('#form input').attr('value','');

重置单选按钮和复选框：

$('#form input[type=radio]').attr('checked','');

也许更容易将其合并为：

$('#form input').attr('value','').attr('checked','');

如果是针对所有可能的选项，这个方法也可以：

$('#form').each(function() {
  this.reset();
});

- Alec

---

成为了一段长注释 :) 编辑了答案。 - Alec

Answer 2

如果它们只是文本框（<input type="text">字段），那么 $("form :input").val(""); 就是最简单的方法。但如果您有多种类型的输入，那么您应该查看此内容。

它介绍了如何创建一个用于清除表单数据的插件。 http://www.learningjquery.com/2007/08/clearing-form-data

- RussellUresti

Answer 3

$('input, select', $('#yourForm ')).val('');

- steve_c