Form fields losing their previously selected values when soft-reloading the page

HTML & CSS
1

Hello,

I have a page with a set of radio buttons.

If I select any and reload the page via browser reload button/[F5], the radio button I had selected is still selected.

If I [Ctrl + F5], then as a result of it being a hard refresh, this value is cleared.

My question is how do I make sure the form fields are cleared when I perform a ‘soft refresh’? This is important because the value of the radio button determines the menu selection in a drop down (using AJAX), and I have to make sure no radio button is ever selected when a person lands on the page.

I’m not sure if this is the forum that will provide me the solution I’m looking for - hope so!

2

Write a bit of JavaScript that runs on load to change the form to the state you want it in.

3

Sweet!

Very simple solution but I didn’t think of that!

Thanks!