Question

你好，我是新手，如果有可能，我想要一点帮助，我想要这个：我有2个复选框，第一个是“正确”，第二个是“不正确”但我有7个屏幕“我不使用ajax”我想当你点击“继续按钮”它完成所有屏幕时它显示正确和不正确的％，我也想要禁用继续按钮但是如果单击“监听”按钮以启用“继续”按钮这是我的代码：

<body>
    <div id="general"> 
        <div hidden>
            <audio id="audio" src=""></audio>
            <div id="divAudio_Player">
                <audio id="audio_player">
                    <source id="audio_player_ogv" src="" type="audio/ogg" />
                    <source id="audio_player_mp3" src="" type="audio/mpeg" />
                </audio>


</div>
        </div>
        <ul class="plantilla">
            <?php 
            $count = 1;
            while ($count <= 7) {
            ?>          

            <li id="p<?=$count ?>" <?php if ($count==1){echo "class='ver'";} ?> >
                <img src="img/foto<?=$count ?>.jpg" >
                <ul class="sonido" >
                    <li class="record"><i class="fa fa-microphone"></i> Record (Grabar)</li>
                    <li class="stop"><i class="fa fa-stop"></i> Stop (Detener)</li>
                    <li class="play"><i class="fa fa-volume-up"></i> Listen 

(Escuchar) </li>
                </ul>
                <div class="pregunta">I want some roast____.</div>
                <input type="button" onclick="checkAnswers()" value="Check answers"  class="boton">

                <div class="respuesta">
                    <input type="button" onclick="play('audio<?=$count ?>')" value="I want some roast beef" class="playsound" >
                    <div  class="opciones">


     <p>Evaluate Yourself</p>
                        <input class="opc1" type="checkbox" value="1" onClick="Califica(1)" />
                        <input class="opc2" type="checkbox" value="2" onClick="Califica(2)" />
                    </div>
                </div>
            </li>
            <?php
                $count++;
            }
            $count--;
            ?>
            <div class='continuar' ><input type="button" onclick="siguiente()" value="Continuar"  class="button"> </div>
        </ul>

    </div>
</body>

<script>
    state = 0 ;
    var pMin  = 1 ;
    var pMax  = <?php echo $count ?> ;
    var respuestas = []


    function play(pfile){
        console.log(pfile);

        var source = '<audio id="audio_player"><source id="audio_player_ogv" src="audios/' + pfile + '.ogg"  type="audio/ogg"  /><source id="audio_player_ogv" src="audios/' + pfile + '.mp3"  type="audio/mpeg" /></audio>';
        $('#divAudio_Player').html(source);
        var aud = $('#audio_player').get(0);
        aud.play();     
    }


function ActivecheckAnswers(e){
        $("#p"+pMin+" .boton").addClass("ver");
    }

    function checkAnswers(e){
        $("#p"+pMin+" .respuesta").addClass("ver");

    }


 $(".sonido li").click(function (){
     console.log(this.className);

     });
    function Califica(opc){
        $(".continuar").addClass("ver");
        respuestas[pMin]=opc;
        if (opc==1){
            $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', true); 
            $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', false);
            $('.opc1').on("click",function(){
        if($(this).prop('checked')) {
            $('.button').show();
                                    }
        else{
             $('.button').hide();
            }
                                            });

                   }
        else if (opc==2){
            $("#p"+pMin+" .respuesta .opciones .opc1").attr('checked', false);
            $("#p"+pMin+" .respuesta .opciones .opc2").attr('checked', true );  
            $('.opc2').on("click",function(){
             if($(this).prop('checked')) {
            $('.button').show();
                                         }
        else{
            $('.button').hide();
            }
                                            });     
                       }
                         };







function siguiente(){
        var aud = $('#audio_player').get(0);
        aud.pause();        

        $(".plantilla .continuar").removeClass("ver");      
        if (pMin<pMax){
            $("#p"+pMin).removeClass("ver") ;
            pMin++;
            $("#p"+pMin).addClass("ver") ;
            state = 0 ;

        }
        alert(respuestas);


    }




</script>

Answer 1

我不确定我是否理解了所有内容，但您可以通过对clicked1（正确）进行计数来存档，如下所示：

$finalresult = ($countresult / $totalscreen) * 100;
echo $finalresult;

它会显示％结果。

如何显示有多少答案正确以及有多少答案不正确？

1 个答案: