我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
这里刷新了复选框和选择:
$('#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');
其他回答
对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');
}
我发现这很有效。
$(":input").not(":button, :submit, :reset, :hidden").each( function() {
this.value = this.defaultValue;
});
Paolo的回答没有考虑日期选择器，添加这个:
$form.find('input[type="date"]').val('');
考虑使用验证插件——它很棒!重置表单很简单:
var validator = $("#myform").validate();
validator.resetForm();
您可能会发现，没有jQuery实际上更容易解决这个问题。
在常规JavaScript中，这非常简单:
document.getElementById('frmitem').reset();
我总是试图记住，虽然我们使用jQuery来增强和加速我们的编码，但有时它实际上并没有更快。在这些情况下，使用另一种方法通常会更好。
