Как сделать, чтобы при нажатии кнопки Сброс - все поля сбрасывались?

Если функция on-события возвращает false, оно отключает поведение по дефолту. Чекбоксы не тыкаются, ссылки не открываются, а форма - не отправляется)

onsubmit="return false;"

Это можно добавить на форму и всё спокойно считать внутри неё.

P.s. написанный код сойдет для обучения, но в реальной жизни - чем меньше кликов делает пользователь, тем лучше... для этой задачи лучше бы подошло событие input вместо click