我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
清除表单有点棘手，不像看起来那么简单。
建议你使用jQuery表单插件，并使用它的clearForm或resetForm功能。 它能解决大部分的极端情况。
其他回答
我用的是Paolo Bergantino的解决方案，它很棒，但做了一些调整……特别是使用表单名称代替id。
例如:
function jqResetForm(form){
$(':input','form[name='+form+']')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
现在当我想用它的时候
<span class="button" onclick="jqResetForm('formName')">Reset</span>
如你所见，这适用于任何表单，因为我使用css样式来创建按钮，页面在单击时不会刷新。再次感谢Paolo的建议。唯一的问题是，如果我在表单中有默认值。
简单地使用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');
}
这里有一些东西可以让你开始
$('form') // match your correct form
.find('input[type!=submit], input[type!=reset]') // don't reset submit or reset
.val(''); // set their value to blank
当然，如果你有复选框/单选按钮，你将需要修改这包括他们以及设置。attr({'checked': false});
编辑 Paolo的回答更加简洁。我的回答更啰嗦，因为我不知道:input选择器，也没有想过简单地删除选中的属性。
以下是我的解决方案，它也适用于新的html5输入类型:
/**
* removes all value attributes from input/textarea/select-fields the element with the given css-selector
* @param {string} ele css-selector of the element | #form_5
*/
function clear_form_elements(ele) {
$(ele).find(':input').each(function() {
switch (this.type) {
case 'checkbox':
case 'radio':
this.checked = false;
default:
$(this).val('');
break;
}
});
}
