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

标签 javascript jquery html css codeigniter

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

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

最佳答案

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

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

在单选按钮中使用它

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

关于javascript - 如何在页面刷新时保持单选按钮处于选中状态,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59560227/

相关文章:

javascript - 在 javascript/html 中显示函数

jquery - 如何使用 Angular 而不是jquery打开悬停时的下拉菜单?

python - 阻止显示表单字段

javascript - 如何知道我点击了哪个元素触发了模糊事件处理程序?

javascript - 标签焦点不改变css样式

javascript - 使用 Highchart 读取 CSV

c# - 使用 Firefox 在 Silverlight 中执行 javascript

javascript - 正则表达式最大长度不起作用

jquery - 为什么我们将 jQuery 放在 header 中?

javascript - jQuery 1.4.4+ AJAX 请求 - 发布空数组或对象成为字符串