javascript - 如何在页面刷新时保持单选按钮处于选中状态

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