我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
这里有一些东西可以让你开始
$('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选择器，也没有想过简单地删除选中的属性。
其他回答
补充接受的答案，如果你使用SELECT2插件，你需要召回SELECT2脚本来更改所有的SELECT2字段:
function resetForm(formId){
$('#'+formId).find('input:text, input:password, input:file, select, select2, textarea').val('');
$('#'+formId).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
$('.select2').select2();
}
考虑使用验证插件——它很棒!重置表单很简单:
var validator = $("#myform").validate();
validator.resetForm();
我对保罗·伯甘蒂诺最初的回答做了一点改进
function resetFormInputs(context) {
jQuery(':input', context)
.removeAttr('checked')
.removeAttr('selected')
.not(':button, :submit, :reset, :hidden')
.each(function(){
jQuery(this).val(jQuery(this).prop('defautValue'));
});
}
通过这种方式，我可以将任何上下文元素传递给函数。我能够重置整个表单或仅某一组字段，例如:
resetFormInputs('#form-id'); // entire form
resetFormInputs('.personal-info'); // only the personal info field set
另外，输入的默认值将被保留。
清除表单有点棘手，不像看起来那么简单。
建议你使用jQuery表单插件，并使用它的clearForm或resetForm功能。 它能解决大部分的极端情况。
这里刷新了复选框和选择:
$('#frm').find('input:text, input:password, input:file, textarea').val('');
$('#frm').find('input:radio, input:checkbox').attr("checked",false).checkboxradio("refresh");
$('#frm').find('select').val('').selectmenu('refresh');
