Как обнулить все заполненные поля формы?

Question

[Kaviol Севастополь]

Есть что-то типа квиза на сайте kaviol.ru справа. При нажатии на продолжить, появляется новый блок поверх предыдущего с очередным набором input-ов. В самом конце есть кнопка "В начало", которая просто скрывает все блоки кроме перового. Проблема в том, что повторное прохождение вопросов показывает ранее отмеченные варианты. А как обнулить все ранее введенные значения?

Answer 1

[Антон Иванов]

1. При входе на страницу сохранить исходное состояние всех инпутов
let initialState = $('#myForm').serializeArray();
2. При возвращении к началу - восстановить исходное состояние

let form = $('#myForm');
if (form.attr('name') in initialStates) {
    initialStates[form.attr('name')].forEach(item => {
        form.find('[name="' + item.name + '"]').val(item.value);
    });
}

Answer 2

[Andrew]

$('#otpravka1').click(function(){
$(this).closest('form').reset();
});

Comments

[Kaviol Севастополь]

не сработало

Answer 3

[Дмитрий Комчев]

JavaScript:
document.querySelector('form').reset();

jQuery:
$('form').trigger('reset');