как показать, что выбранная кнопка-переключатель все еще отмечена?

Question

мое приложение имеет 2 переключателя, когда пользователь отмечает любую из них, значение отмеченного переключателя сохраняется в таблице через ajax, теперь проблема в том, что когда пользователь возвращается на страницу, переключатель не галочка, как сделать так, чтобы выбранный переключатель отображался как галочка, чтобы пользователь знал, какой он выбрал раньше?

вот мой код

<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" /> 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" /> Category Links - In the navigation of my website, display a separate link to each category.
</div>
    </li>
</ul>

Answer 1

Если пользователь вошел в систему, вы должны запросить базу данных, чтобы получить значение, отмечена ли кнопка.

Если пользователь не вошел в систему, вы можете использовать идентификатор сеанса.Хотя это работает только до тех пор, пока пользователь не закроет свой браузер / сессия не истечет.

<?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>

Будет проверен первый переключатель

Answer 2

Когда вы визуализируете страницу для пользователя в PHP, вам нужно будет сделать запрос в том месте, где вы сохранили выделенную область (предположительно, в базе данных).Если пользователь выбрал этот конкретный переключатель, вы бы отобразили его как выбранный.Код будет что-то вроде:

// 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....