Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果刷新页面,如何保持单选按钮处于选中状态_Javascript_Jquery_Html_Css_Codeigniter - Fatal编程技术网

Javascript 如果刷新页面,如何保持单选按钮处于选中状态

Javascript 如果刷新页面,如何保持单选按钮处于选中状态,javascript,jquery,html,css,codeigniter,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="novalid

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

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

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

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

一,

2.

您可以使用:


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

isset($a[0]) ? 'checked' : ''
在单选按钮中使用此选项

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

您可以使用
本地存储
<input type="radio" name="jawaban<?php echo $row->id_quiz; ?>[]" value="<?=$a[0]?>" <?= isset($a[0]) ? 'checked' : ''?> >