How to clear all inputs, selects and also hidden fields in a form using jQuery?

Question

I would like to clear all inputs, selects and also all hidden fields in a form. Using jQuery is an option if best suited.

What is the easiest way to do this... I mean easy to understand and maintain.

[EDIT]

The solution must not mess with check-boxes (the value must remain, but checked state must be cleared), nor the submit button.

What I am trying to do is a clear button, that clears all the options entered by the user explicitly, plus hidden-fields.

Thanks!

Answer 1

You can use the reset() method:

$('#myform')[0].reset(); 

or without jQuery:

document.getElementById('myform').reset(); 

where myform is the id of the form containing the elements you want to be cleared.

You could also use the :input selector if the fields are not inside a form:

$(':input').val('');