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

Popular posts from this blog

Prop `className` did not match in next js app

I have written a sample code ( Github Link here ). this is a simple next js app, but giving me error when I refresh the page. This seems to be the common problem and I tried the fix provided in the internet but does not seem to fix my issue. The error is Warning: Prop className did not match. Server: "MuiBox-root MuiBox-root-1" Client: "MuiBox-root MuiBox-root-2". Did changes for _document.js, modified _app.js as mentioned in official website and solutions in stackoverflow. but nothing seems to work. Could someone take a look and help me whats wrong with the code? Via Active questions tagged javascript - Stack Overflow https://ift.tt/2FdjaAW

How to show number of registered users in Laravel based on usertype?

i'm trying to display data from the database in the admin dashboard i used this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count(); echo $users; ?> and i have successfully get the correct data from the database but what if i want to display a specific data for example in this user table there is "usertype" that specify if the user is normal user or admin i want to user the same code above but to display a specific usertype i tried this: <?php use Illuminate\Support\Facades\DB; $users = DB::table('users')->count()->WHERE usertype =admin; echo $users; ?> but it didn't work, what am i doing wrong? source https://stackoverflow.com/questions/68199726/how-to-show-number-of-registered-users-in-laravel-based-on-usertype

Why is my reports service not connecting?

I am trying to pull some data from a Postgres database using Node.js and node-postures but I can't figure out why my service isn't connecting. my routes/index.js file: const express = require('express'); const router = express.Router(); const ordersCountController = require('../controllers/ordersCountController'); const ordersController = require('../controllers/ordersController'); const weeklyReportsController = require('../controllers/weeklyReportsController'); router.get('/orders_count', ordersCountController); router.get('/orders', ordersController); router.get('/weekly_reports', weeklyReportsController); module.exports = router; My controllers/weeklyReportsController.js file: const weeklyReportsService = require('../services/weeklyReportsService'); const weeklyReportsController = async (req, res) => { try { const data = await weeklyReportsService; res.json({data}) console