Firefox: Selected radio button changes automatically when page is refreshed

Question

I have three radio buttons, that first is selected (with checked="checked"). But when I refresh the page the selected input automatically toggles between first and second input!

That's strange! With firebug, I can see that only the first input has checked="checked" attribute, but in rendered page the second is selected!

Any opinion?!

[Note: JQuery is loaded on page, but I think it's not related to jQuery)

Well, radio button state isn't automatically preserved across post-backs, so you'll have to do some extra work on the server to make it happen. You'll have to post some actual code for anyone to say anything useful though. — tdammers, Apr 24 '11 at 19:42

score 5 · Answer 1 · answered May 30 '11 at 05:52

5

Apparently this is a known bug. Bug 394782

The workaround for this issue is to add autocomplete="off" in the form tag

<form method="post" autocomplete="off">

answered May 30 '11 at 05:52

sean

11,164
8
48
56

Worth noting that it also appears to work if you put `autocomplete="off"` in each of the individual radio button tags. – Justin Russell Jan 24 '13 at 21:16
@seanlinmt, thank you. I looked everywhere for why the hell this was happening and this finally fixed it. – Adam Merrifield Feb 17 '13 at 21:43

score 1 · Accepted Answer · answered Apr 24 '11 at 19:44

1

When You just refresh or click on F5 on Page, Last Selected Item saved, but if you Press Ctrl + F5 ( Hard Refresh ), Item's reset to default .

answered Apr 24 '11 at 19:44

DJafari

12,955
8
43
65

score 1 · Answer 3 · answered Jun 23 '11 at 08:27

As a workaround you can add 'document.forms[0].reset()' in script tags at the end of the doc, and this does correctly show the 'CHECKED' values even though the original reload did not.

https://bugzilla.mozilla.org/show_bug.cgi?id=338593

However still finding the similar issue on IE. Any fixes for IE?

Firefox: Selected radio button changes automatically when page is refreshed

3 Answers3