how to show the radio button is selected is still ticked?

Question

my app has 2 radio buttons, when user ticks any of it, the value of the ticked radio button gets saved in the table via ajax, now the problem is, when user gets back to the page

Answer 1

When you are rendering the page for the user in PHP you would need to do a query to where you have saved the selection (presumably a database). If the user has selected that particular radio button then you would display it as selected. Code would be something like:

// Do a database query or something to get the value that the user has stored before (if any)
<input type="radio" id="gallerymenustyle1" class="element radio" name="gallerymenustyle[]" value="1" <?php if ($gallerymenustyleFromDatabaseValue == 1){ echo 'selected'; }/> Gallery Link....<br />
<input type="radio" id="gallerymenustyle1" class="element radio" name="gallerymenustyle[]" value="2" <?php if ($gallerymenustyleFromDatabaseValue == 2){ echo 'selected'; }/> Category Link....

Answer 2

If the user is logged in you should query the database to get the value whether the button was ticked.

If the user isn't logged in you could use the session id. Although this only works until the user closes his browser / the session expires.

<?php
$checked = 0;
// this should come from db
$checked = 1;
?>

<ul>
  <li style="list-style-type: none;">    
    <div align="center" class="radio_group">
      <input type="radio" id="gallerymenustyle1" class="element radio" name="gallerymenustyle[]" value="1" <?php if ($checked == 1) print('checked="checked"') ?>/> Gallery Link - In the navigation of my website, display one "gallery" link<br />
      <input type="radio" id="gallerymenustyle2" class="element radio" name="gallerymenustyle[]" value="2" <?php if ($checked == 1) print('checked="checked"') ?>/> Category Links - In the navigation of my website, display a separate link to each category.
    </div>
  </li>
</ul>

Will check the first radio button