调用 e.preventDefault() 后提交复选框表单

Question

我好像不太对劲，所有的方法都试过了，确认后还是无法提交表单

它基本上是一个测验系统，在提交之前输出答案是否正确，它显示了答案但是当我点击确定时，它没有提交表单来带我去另一个问题

<form id="form" method="post" action="javascript:void(0)">
     <ul class="choices">
      <?php while($row=$choices->fetch_assoc()): ?>
      <li><input name="choice" type="radio" value="<?php echo $row['id']; ?>"/>
        <?php echo $row['choice']; ?>
    </li>
      <?php endwhile; ?> 
    <input type="submit" id="submit" name="submit1" value="Gönder"/>
    <input type="hidden" name="number" value="<?php echo $number; ?>"/>

</form>

和Bootbox.js代码

<script src="../../css/bootbox.min.js"></script>
<script src="../../css/bootbox.locales.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>
<script src="https://cdn.jsdelivr.net/bootbox/4.4.0/bootbox.min.js"></script>

<script>
<?php
 $lesson = (int) $_GET['l']; 
 $number = (int) $_GET['n'];
 $q = "select * from `choices_tr` where question_number = $number and is_correct=1 and lesson_number=$lesson";
    $result = $mysqli->query($q) or die($mysqli->error.__LINE__);
    $row = $result->fetch_assoc();
    $correct_choice=$row['id'];
    $ChoiceFull=$row['choice'];
?>

$('form').on('click', "input[type='submit']", function(e){
            var radioValue = $("input[name='choice']:checked").val();   
            if(radioValue){
        if(radioValue==<?php echo $correct_choice;?> ){
            e.preventDefault();
            var currentTarget = event.target;
  bootbox.alert({
      closeButton: false,
          message: '<center><i class="fa fa-check" style="font-size:48px;color:green"></i></center>',

    callback: function (result) {
    if (result === null) {
        } else {
           $.ajax({ url: "process3.php?l=<?php echo $lesson; ?>",
            type: "post", 
            data: [$("input[name='choice']:checked").serialize()], 
            success: function(data){ alert('success'); } }); 
        }

},

});
setTimeout(function(){
    box.modal('hide');
}, 3000);   
                    }


else {

   e.preventDefault();
  bootbox.alert({
    closeButton: false,
         message: '<center><i class="fa fa-times" style="font-size:48px;color:red"></i></center><br /> Maalesef yanlış. Doğru cevap: <?php echo $ChoiceFull; ?> <br /> <?php echo $questionac['explanation'] ?>',
    callback: function (result) {

    }
});

                }
            }


               });

</script>

process.php

<?php include 'database.php'; ?>
<?php session_start();
 $_SESSION["login_redirect"] = $_SERVER["PHP_SELF"];?>
<?php 

      //Check to see if score is set_error_handler
    if (!isset($_SESSION['score'])){
        $_SESSION['score'] = 0;
        $_SESSION['question']=array();
        $_SESSION['answer']=array();
    }


//Check if form was submitted
if($_POST){

    $number = $_POST['number'];
    $selected_choice = $_POST['choice'];
    $next=$number+1;

    $lesson = (int) $_GET['l']; 

    //Get total number of questions
    $query = "select * from questions_tr where lesson_number = $lesson";
    $results = $mysqli->query($query) or die($mysqli->error.__LINE__);
    $total=$results->num_rows;

    //Get correct choice
    $q = "select * from `choices_tr` where question_number = $number and is_correct=1 and lesson_number=$lesson";
    $result = $mysqli->query($q) or die($mysqli->error.__LINE__);
    $row = $result->fetch_assoc();
    $correct_choice=$row['id'];
    $ChoiceFull=$row['choice'];

    $fullquestionq = "select * from `questions_tr` where question_number = $number and lesson_number=$lesson";
    $resultful = $mysqli->query($fullquestionq) or die($mysqli->error.__LINE__);
    $resultrow = $resultful->fetch_assoc();
    $QuestionFull=$resultrow['question'];


    //compare answer with result
    if($correct_choice == $selected_choice){
        $_SESSION['score']++;
    }else{
        $_SESSION['question'][$next-1] = $QuestionFull;
        $_SESSION['answer'][$next-1] = $ChoiceFull;
    }


    if($number == $total){
        header("Location: final3.php");
        exit();
    } else {
            header("Location: Bolum3.php?n=".$next."&l=$lesson&score=".$_SESSION['score']);
    }
}
?>

Answer 1

首先复制这个脚本

<script>
<?php
 $lesson = (int) $_GET['l']; 
 $number = (int) $_GET['n'];
 $q = "select * from `choices_tr` where question_number = $number and is_correct=1 and lesson_number=$lesson";
    $result = $mysqli->query($q) or die($mysqli->error.__LINE__);
    $row = $result->fetch_assoc();
    $correct_choice=$row['id'];
    $ChoiceFull=$row['choice'];
?>

$('form').on('click', "input[type='submit']", function(e){
            var radioValue = $("input[name='choice']:checked").val();  
            var number = $("input[name='number']"); 
            var lesson = <?=$lesson; ?>
            if(radioValue){
        if(radioValue==<?php echo $correct_choice;?> ){
            e.preventDefault();
            var currentTarget = event.target;
  bootbox.alert({
      closeButton: false,
          message: '<center><i class="fa fa-check" style="font-size:48px;color:green"></i></center>',

    callback: function (result) {
    if (result === null) {
        } else {
           $.ajax({ 
            url: "process3.php?l=<?php echo $lesson; ?>",
            type: "post", 
            data: 'choice='+radioValue+'&number='+number+'&lesson='+lesson, 
            success: function(data){ alert('success'); } }); 
        }

},

});
setTimeout(function(){
    box.modal('hide');
}, 3000);   
                    }


else {

   e.preventDefault();
  bootbox.alert({
    closeButton: false,
         message: '<center><i class="fa fa-times" style="font-size:48px;color:red"></i></center><br /> Maalesef yanlış. Doğru cevap: <?php echo $ChoiceFull; ?> <br /> <?php echo $questionac['explanation'] ?>',
    callback: function (result) {

    }
});

                }
            }


               });

</script>

那么现在时间就是你的php

if($_POST){

    $number = $_POST['number'];
    $selected_choice = $_POST['choice'];
    $next=$number+1;
    // you didn't send any get request remove this
    //$lesson = (int) $_GET['l']; 
    $lesson = $_POST['lesson'];
     // I found mistake till here and other code it depends on your code

    //Get total number of questions
    $query = "select * from questions_tr where lesson_number = $lesson";
    $results = $mysqli->query($query) or die($mysqli->error.__LINE__);
    $total=$results->num_rows;

    //Get correct choice
    $q = "select * from `choices_tr` where question_number = $number and is_correct=1 and lesson_number=$lesson";
    $result = $mysqli->query($q) or die($mysqli->error.__LINE__);
    $row = $result->fetch_assoc();
    $correct_choice=$row['id'];
    $ChoiceFull=$row['choice'];

    $fullquestionq = "select * from `questions_tr` where question_number = $number and lesson_number=$lesson";
    $resultful = $mysqli->query($fullquestionq) or die($mysqli->error.__LINE__);
    $resultrow = $resultful->fetch_assoc();
    $QuestionFull=$resultrow['question'];


    //compare answer with result
    if($correct_choice == $selected_choice){
        $_SESSION['score']++;
    }else{
        $_SESSION['question'][$next-1] = $QuestionFull;
        $_SESSION['answer'][$next-1] = $ChoiceFull;
    }


    if($number == $total){
        header("Location: final3.php");
        exit();
    } else {
            header("Location: Bolum3.php?n=".$next."&l=$lesson&score=".$_SESSION['score']);
    }

调用 e.preventDefault() 后提交复选框表单

Submit checkbox form after calling e.preventDefault()

javascript

php

ajax

jquery

bootbox