Clear all forms on page load

Question

I want to clear all forms on page load. I tried to use this function on domready, but it doesn't help. I'm new to JavaScript. Is there anything wrong with this function?

   $(':input', form)
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

Answer 1

You can try using the plain javascript reset method on a form

$('form').each(function() { this.reset() });

This should reset each form to its default state.

To re-enable all checkboxes, you can try:

$(':checkbox').prop('disabled', false);

Answer 2

maybe this is what your asking? not sure why you would need it. the fields should be blank on page load anyways. you should change the values php side.

$('input[type=text]').val('');
$('input[type=radio]').checked=false;
$('input[type=checkbox]').checked=false;

or maybe even

$("input:not(':button, :submit, :reset, :hidden')").val('').checked=false;

Answer 3

I would give each control i wanted to clear a class name of say class="ClearOnStartup" and then my jQuery would be;

$(function(){
  $(".ClearOnStartup").val("");
});

I'd have a different one for check boxes only because I like to seperate things like this into batches.

try this for checkboxes

$('.ClearOnStartup').attr('checked', false);

There is probably a better way tho