javascript Radio bootstrap v3.3.7

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript Radio bootstrap v3.3.7相关的知识,希望对你有一定的参考价值。

the problem image

我正在研究一个测验脚本我有一个问题当我加载答案它作为javascript收音机,但当我选择其中之一然后我去另一个选择旧的仍然突出显示!!

<?php
while ($question = mysqli_fetch_assoc($sql_question)) {
    $no ++;
    $sql_answer = mysqli_query($conn,"SELECT * FROM `answers` WHERE `question_id` = '$question[question_id]' AND `category` = 'listening' AND `answer` != '' ORDER BY rand()");
?>
<?php
    $question_html = '<b>'.$no.') '.$question['question'].'</b>';
    $ans_no='';
    while ($answer = mysqli_fetch_assoc($sql_answer)){
        $ans ='
            <div class="btn-group" data-toggle="buttons">
                <label class="btn btn-default btn btn-default">
                <input type="radio" name="question'.$question['question_id'].'" value = "'.$answer['correct'].'" id="option2" autocomplete="off" > '.$answer['answer'].'
                    </label>
            </div>';
        $ans_no .=$ans;
    }
?>
<?php

    $vowels = '[*answer*]';

    $onlyconsonants = str_replace($vowels, "$ans_no", "$question_html");
    ?>
    <div class="panel panel-default" style=" margin-top:3px;margin-bottom: 3px;">
        <div class="panel-body">
            <?php
            echo $onlyconsonants;
            ?>
        </div>
    </div>
    <?php
}
?>

<a href="#" class="btn btn-primary btn-lg btn-block" onclick="stopload();">Submit the Answers</a>
答案

问题是我正在循环播放Radio bootstrap,以便浏览器看到无线电选项地毯 这是正确的代码

<?php
                        $question_html = '<b>'.$no.') '.$question['question'].'</b>';
                        $ans_no='<div class="btn-group" data-toggle="buttons">';
                        while ($answer = mysqli_fetch_assoc($sql_answer)){
                            $ans ='
                                                  <label class="btn btn-default btn btn-default">
                                                    <input type="radio" name="question'.$question['question_id'].'" value = "'.$answer['correct'].'" id="option2" autocomplete="off" > '.$answer['answer'].'
                                                                                                    </label>
                                                ';
                            $ans_no .=$ans;
                        }
                        ?>
                        <?php

以上是关于javascript Radio bootstrap v3.3.7的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript - 如果选中任何复选框,则选择单选按钮

javascript中radio框触发事件弹出多个多选框,我修改多选框。点击另外一个radio时保存那些之前勾选的数据

javascript获取select,checkbox,radio的值

javascript将类添加到基于radio select的类

javascript Radio bootstrap v3.3.7

求javascript 根据radio选择内容不同 显示不同的表单