如果页面刷新，如何保持选中单选按钮

Question

我试图用单选按钮进行多项选择，当我选择选项并刷新页面时，我选择的选项被重置为空，如何解决这个问题？ 我需要保留我选择的选项

<form enctype="multipart/form-data" name="quiz" action="<?php echo base_url('pegawai/answer_aksi'); ?>" role="form" id="form1" method="post" class="validate" novalidate="novalidate">
    <div class="tab-pane active" id="tab3">
    <div class="form-group">
        <div class="table-wrapper">
         <div class="table-title">
             <div class="row">
                <div class="col-sm-8"><h2>Quiz Online</h2></div>
             </div>
                </div>
                <ol type="1">            
                   <?php foreach ($rows as $row){ ?>
                   <?php 
                    $a=array($row->choice1,$row->choice2,$row->choice3,$row->answer);
                    shuffle($a);
                   ?>
                <li>
                <?php echo $row->soal; ?>
                <input type="hidden" name="id_quiz[]" value="<?php echo $row->id_quiz; ?>">
                <ol type="a">
                  <li>
                    <input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[0]?>" >
                    <?=$a[0]?><br>
                  </li>
                 <li>
                     <input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[1]?>" >
                     <?=$a[1]?><br>
                 </li>
                 <li>
                    <input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[2]?>" >
                    <?=$a[2]?><br>
                 </li>
                 <li>
                    <input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[3]?>" >
                    <?=$a[3]?><br>
                 </li>
                </ol>
                </li>
                <?php } ?>
                </ol>
            <div class="posisi">
               <button type="submit" name="enter" class="btn btn-success" >Simpan</button>
              <!-- <button type="reset" class="btn btn-white">Batal</button> -->
            </div>
            </div>

    </div>

    </div>
    </form>

Answer 1

使用 PHP 非常容易。 您可以在 HTML 标记内使用isset()来检查或取消选中条件。

isset($a[0]) ? 'checked' : ''

在单选按钮中使用它

<input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[0]?>" <?= isset($a[0]) ? 'checked' : ''?> >

Answer 2

您可以将无线电值保存到 cookie 中。 但是维护无线电值的 cookie 非常困难，或者您可以使用本地存储。

下面给出了一些使用 cookie 和本地存储的参考。

1. https://www.w3schools.com/js/js_cookies.asp

2. https://www.w3schools.com/JSREF/prop_win_localstorage.asp

Answer 3

您可以使用LocalStorage ：

window.localStorage.setItem('user', 'jawaban'); //Set or save
window.localStorage.getItem('user'); //get back the saved value