radio button is not checked on page refresh in firefox

Question

<div id="btns">
   <input id="r01" type="radio" name="music" checked>
   <input id="r02" type="radio" name="music">
   <input id="r03" type="radio" name="music">
   <input id="r04" type="radio" name="music">
   <input id="r05" type="radio" name="music">
</div>

Firefox 24 - r1 is not checked on page refresh. On Shift-F5 - works.
Chrome - works.

@HasanAboShally, `checked='checked'` doesn't work. I don't need values, just for click event. — qadenza, Oct 11 '13 at 07:31
It's weird, i know firefox had an issue with radio-buttons, but that was long time ago.. if you only need the click event, then why not using normal buttons ? — HasanAboShally, Oct 11 '13 at 07:33
I believe that html element should be chosen based on their 'meaning' and not how do they look like.. Semantic Web ;) — HasanAboShally, Oct 11 '13 at 07:39
@HasanAboShally, the same problem would exist if I have value. It's not my question about using or not, but why the radio doesn't work if I use it ? — qadenza, Oct 11 '13 at 07:42

score 9 · Answer 1 · edited Jun 20 '20 at 09:12

9

If it works on shift-F5 it just means, firefox saves the user-input because the form was not sent yet. Firefox keeps form data on reload

Just found a solution!

Just add autocomplete="off" to all you input and you will solve the problem.

jQuery to solve this on all inputs and textareas

$('input,textarea').attr('autocomplete', 'off');

edited Jun 20 '20 at 09:12

Community

1
1

answered Oct 11 '13 at 08:47

Thomas Oster

421
2
10

score 0 · Answer 2 · answered Jan 18 '20 at 15:10

0

It's a Firefox issue for a long time now.

Set the checked property with javascript when the page loads:

window.onload=check;
function check() {
  document.getElementById("r01").checked = true;
}

answered Jan 18 '20 at 15:10

imre

109
1
2
7

radio button is not checked on page refresh in firefox

2 Answers2