how to keep radio button checked after page refresh?

Question

i have many radio buttons inside foreach loop and it's onclick it goes to it's corresponding url . i want the selected radio button stays checked after page refresh using php or javascript. sorry for my broken english.

<ul>
 <?php foreach($companyStatus as $statuses => $status): ?>
  <li>

   <input
   type="radio"
   value="<?php echo $url?>"
   name="group1"
   onclick="if(this.checked){window.location=this.value;}"
   ><?php echo htmlspecialchars($status['fldStatusName'])?>

 </li>
<?php endforeach;?>
</ul>

Do you mean after REFRESH or after POSTING the form? – Diodeus - James MacFarlane Feb 06 '13 at 15:21 — Diodeus - James MacFarlane, Feb 06 '13 at 15:21
there is no form just url .after getting data from database – nohan Feb 06 '13 at 15:22 — nohan, Feb 06 '13 at 15:22
Meaning what? I think you need to describe this a bit more. – Diodeus - James MacFarlane Feb 06 '13 at 15:25 — Diodeus - James MacFarlane, Feb 06 '13 at 15:25

score 1 · Answer 1 · edited May 23 '17 at 12:27

Set a cookie with Javascript (onclick of the radio button) and include a script like this:

window.addEventListener('load', function() { READ COOKIE FUNCTION HERE }, false);

See Get cookie by name on how to read a specific cookie. Then, set the radio button according with the state in the cookie.

//edit: some more details

Bind an event listener to your radio button which sets a cookie document.getElementById('radiobuttonid').addEventListener('click', function() { SET COOKIE HERE }, false); (see http://www.w3schools.com/js/js_cookies.asp for how to set a cookie)
add the above mentioned listener to your html page window.addEventListener('load', function() { READ COOKIE FUNCTION HERE }, false);

The READ COOKIE FUNCTION HERE includes reading the cookie value for the radio button and setting the attribute checked="checked" for it.

To get even more info, you may refer to http://www.somacon.com/p143.php (also some sorcecode, but I didn't check it).

Thanx Martin but it's totally new for me can you plz expalin it a bit more . — nohan, Feb 06 '13 at 15:43
I hope it's more clear now. The page mentioned in the bottom has some code ready, too (for reading and setting radio button values). — Martin Müller, Feb 06 '13 at 16:19

score 0 · Answer 2 · answered Feb 06 '13 at 15:29

You need to record the radio buttons' selected checked state either in a cookie or as a session variable or in a flatfile or db. Which method is the best is up to you, depends on how long you want your script to "remember" it, how many radio buttons there are to "remember", how "well" you want it to be remembered (eg: using a cookie only would not be the best way for long term because clients can easily delete it)

how to keep radio button checked after page refresh?

2 Answers2