jQuery to clear form fields after submit for text and checkbox

Question

I want to clear the form fields (form fields has text and checkbox) after submit. To clear the form, I have created a button. And there is separate button for submit.

<input type="reset" name="clearform" id="clearform" value="Clear Form" />

<form id="submit" method="POST" action="">

I have written jQuery code but its not working:

jQuery("#clearform").click(function(){
    jQuery("#submit input[type='text'], input[type='checkbox']").each(function() {
        this.value = '';
    });
});

Answer 1

Try this:

$('#clearform').on('click', function () {
    $('#form_id').find('input:text').val(''); 
    $('input:checkbox').removeAttr('checked');
});

One will clear all text inputs. Second will help unchecking checkboxes.

Hope it helps.

Answer 2

There is a simple solution to reset form via jQuery:

$("form").trigger("reset");

Answer 3

try the code shown below to reset a form

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