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

【问题标题】：How to keep the radio button selected if the page is refreshed如果页面刷新，如何保持选中单选按钮
【发布时间】：2020-01-02 08:17:38
【问题描述】：

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

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

【问题讨论】：

你可以使用local storagew3schools.com/JSREF/prop_win_localstorage.asp

标签： javascript jquery html css codeigniter

【解决方案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' : ''?> >

【讨论】：

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

你可以使用LocalStorage:

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

【讨论】：