HTML checkboxes keep checked after refresh [duplicate]

Question

I have a couple of check boxes in my markup.. For example:

<input type="checkbox" id="someCheckbox"/>

If I refresh the page with Ctrl+Shift+R everything is OK - the page renders unchecked check boxes, however if some of them were checked and I refresh with F5 they stay in their previous state.

Setting the checked attribute doesn't work since having the attribute is enough to make it checked, the value is more or less irrelevant..

How can I force them to be unchecked on page load, please?

Answer 1

I've found a solution which uses only HTML. If you add the autocomplete="off" attribute to the element it won't set the previous state after refresh..

<input type="checkbox" id="foo" autocomplete="off"/>

Answer 2

You could set them back with javascript

var elements = document.getElementsByTagName("INPUT");
for (var inp of elements) {
    if (inp.type === "checkbox")
        inp.checked = false;
}