使用jQuery清除表单字段

我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时，它的工作原理如下:

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");
});

这将清除页面上的所有字段，而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?

当前回答

有什么理由不应该使用它吗?

$("#form").trigger('reset');

其他回答

对于jQuery 1.6+:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

对于jQuery < 1.6:

$(':input','#myform')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .removeAttr('checked')
  .removeAttr('selected');

请看这篇文章: 使用jQuery重置多级表单

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

jQuery建议:

要检索和更改DOM属性，例如表单元素的选中、选中或禁用状态，请使用.prop()方法。

通过使用JQuery的.trigger()和原生javascript的.reset()的组合，可以将所有表单元素重置为空白状态。

$(".reset").click(function(){
    $("#<form_id>").trigger("reset");
});

将<form_id>替换为form的id来重置。

为什么需要用JavaScript来完成呢?

<form>
    <!-- snip -->
    <input type="reset" value="Reset"/>
</form>

http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords

先尝试一下，它不会清除具有默认值的字段。

下面是一种用jQuery实现的方法:

$('.reset').on('click', function() {
    $(this).closest('form').find('input[type=text], textarea').val('');
});

你们中的一些人抱怨无线电和诸如此类的默认“已检查”状态被清除…你所要做的就是将:radio，:复选框选择器添加到.not中，问题就解决了。

如果你不能让所有其他重置函数工作，这个可以。

改编自ngen的回答函数form_reset (formID) { $(':输入',' # ' + formID) 另(‘:按钮’,‘:提交’,”:重置”,“:隐藏”,“:广播”,“:复选框”) .val ("); ｝

下面的代码清除所有表单，它的字段将为空。如果页面有多个表单，而您只想清除特定的表单，请注明表单的id或类

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

推荐文章