我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
我对弗朗西斯·刘易斯的解决方案做了一点改动。他的解决方案没有做的是将下拉选择设置为空白。(我认为当大多数人想要“清除”时，他们可能想让所有值为空。)这个是用。find('select')。道具(“selectedIndex”,1)。
$.fn.clear = function()
{
$(this).find('input')
.filter(':text, :password, :file').val('')
.end()
.filter(':checkbox, :radio')
.removeAttr('checked')
.end()
.end()
.find('textarea').val('')
.end()
.find('select').prop("selectedIndex", -1)
.find('option:selected').removeAttr('selected')
;
return this;
};
其他回答
所有这些答案都很好，但最简单的方法是使用虚假重置，即使用链接和重置按钮。
只需添加一些CSS来隐藏你真正的重置按钮。
input[type=reset] { visibility:hidden; height:0; padding:0;}
然后在你的链接上添加如下内容
<a href="javascript:{}" onclick="reset.click()">Reset form</a>
<input type="reset" name="reset" id="reset" /><!--This input button is hidden-->
希望这能有所帮助! 一个。
我使用下面的解决方案，它为我工作(混合传统javascript和jQuery)
$("#myformId").submit(function() {
comand="window.document."+$(this).attr('name')+".reset()";
setTimeout("eval(comando)",4000);
})
我发现这很有效。
$(":input").not(":button, :submit, :reset, :hidden").each( function() {
this.value = this.defaultValue;
});
简单地使用jQuery触发器事件，如下所示:
$('form').trigger("reset");
这将重置复选框，单选按钮，文本框等…本质上，它会将表单转换为默认状态。简单地把#ID, Class，元素放在jQuery选择器中。
对paolo的答案进行了轻微的更新，以适应新的输入类型，如“tel”和电子邮件，以下代码片段也将选择这些类型:
function resetForm(form) {
form.find('input:text, input[type=email], input[type=tel], input:password, input:file, select, textarea').val('');
form.find('input:radio, input:checkbox')
.removeAttr('checked').removeAttr('selected');
}
