Last Updated: February 25, 2016

Reset a form

<script type="text/javascript" charset="utf-8">
function resetForm(form) {
    $(form).find('input:text, input:password, input:file, select, textarea').val('');
    $(form).find('input:radio, input:checkbox').removeAttr('checked').removeAttr('selected');
}
</script>

#jquery

Written by Jonathan Goode

Say Thanks

Respond

Related protips

JavaScript iterate through object keys and values

591.6K

jQuery .find and .closest are your best friends

492.2K

jQuery: When to use $(document).ready() and when $(window).load()

225.9K

2 Responses

Add your response

drawluap

There is also javascript's native form .reset() method:

document.forms["myForm"].reset();
- or -
document.getElementById("myFormId").reset();
https://developer.mozilla.org/en-US/docs/DOM/form.reset

over 1 year ago ·

u01jmg3

You'd use my function if you already had a populated form where textboxes had values and checkboxes were checked (with the attribute set) and you wanted to reset those to be blank and unchecked.

over 1 year ago ·