Skip to main content

How can I pass the inputs array of student answers to the controller?

I can't pass the inputs array of student answers to the controller with JavaScript. The big problem is if I use a form How can I receive the request values?

Is it possible to send the student's answers in one array through the form?

The Blade page is :

@extends('layout.master')
@section('css')
    @section('title','Teachers')
    <link href="../assets/js/DataTables/datatables.min.css" rel="stylesheet">
@endsection
@section('content')
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-4"><span
                    class="text-muted fw-light"> /</span> ورقة إمتحان الطالب
        </h4>
        <hr class="my-1"/>
        @if($errors->any())
            <div class="alert alert-danger">
                <ul>
                    @foreach($errors->all() as $error)
                        <li></li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card ">
            <div class="card-body">
                <div class="row">
                    <div class="mb-3 col-md-2">
                        <label><strong>Questions List :
                            </strong></label>
                    </div>
                </div>
                <?php $i = 0; ?>
                @foreach($studentAnswers as $studentAnswer)
                    <?php $i++; ?>
                    <div class="card bg-label-dark">
                        <h5 class="card-header">
                            Question () :
                            <strong></strong>
                        </h5>
                        <div class="card-body bg-label-primary">
                            <?php $j = 0; ?>
                            @foreach($studentAnswer->Question->Answers->sortBy('title') as $QuestionAnswer)
                                <?php $j++; ?>
                                <div class="form-check mt-4 text-black">
                                    <input
                                            name="Answer"
                                            class="form-check-input"
                                            type="radio"
                                            value="."
                                            id="Answer"
                                    />
                                    <label class="form-check-label"
                                           for="Answer">  </label>
                                </div>
                            @endforeach
                        </div>

                    </div>
                    <br>

                @endforeach


            </div>
            --}}

            <div class="card-footer text-center">

                <strong>the End </strong>
                <br>
                <a href="">
                    <button type="button" class="btn btn-outline-secondary"
                            data-bs-offset="0,4"
                            data-bs-placement="bottom"
                            title="">
                        
                    </button>
                </a>

                <button type="button" class="btn btn-outline-success"
                        id="dsubmit"
                        data-bs-offset="0,4"
                        data-bs-placement="bottom"
                        title="">
                    
                </button>

            </div>
        </div>

    </div>
@endsection
@section('js')

    <script>
        $(function () {
            $("#dsubmit").click(function (e) {
                e.preventDefault();
                var answerd = [];
                $("input:radio[type=radio]:checked").each(function () {
                    answerd.push($(this).val());
                });
                $.ajax({
                    url: 'StudentDoneExam',
                    type: "POST",
                    data: {
                        _token: $('input[name=_token]').val(),
                        answers: answerd
                    }
                });

            });
        });

    </script>
@endsection
Via Active questions tagged javascript - Stack Overflow https://ift.tt/1Ds6lFM

Comments