Обработка нескольких страниц, выбор радиокнопок в одном экземпляре и отправка выбора - PullRequest
1 голос
/ 19 сентября 2019

Мой вопрос1.blade.php

.privew {
            margin-bottom: 20px;
        }
        .questionsBox {
            display: block;
            border: solid 1px #e3e3e3;
            padding: 10px 20px 0px;
            box-shadow: inset 0 0 30px rgba(000,000,000,0.1), inset 0 0 4px rgba(255,255,255,1);
            border-radius: 3px;
            margin: 0 10px;
        }.questions {
             background: #007fbe;
             color: #FFF;
             font-size: 22px;
             padding: 8px 30px;
             font-weight: 300;
             margin: 0 -30px 10px;
             position: relative;
         }
        .questions:after {
            background: #1d68a7 no-repeat left 0;
            display: block;
            position: absolute;
            top: 100%;
            width: 9px;
            height: 7px;
            content: '.';
            left: 0;
            text-align: left;
            font-size: 0;
        }
        .questions:after {
            left: auto;
            right: 0;
            background-position: -10px 0;
        }
        .questions:before, .questions:after {
            background: black;
            display: block;
            position: absolute;
            top: 100%;
            width: 9px;
            height: 7px;
            content: '.';
            left: 0;
            text-align: left;
            font-size: 0;
        }
        .answerList {
            margin-bottom: 15px;
        }


        ol, ul {
            list-style: none;
        }
        .answerList li:first-child {
            border-top-width: 0;
        }

        .answerList li {
            padding: 3px 0;
        }
        .answerList label {
            display: block;
            padding: 6px;
            border-radius: 6px;
            border: solid 1px #dde7e8;
            font-weight: 400;
            font-size: 13px;
            cursor: pointer;
            font-family: Arial, sans-serif;
        }
        input[type=checkbox], input[type=radio] {
            margin: 4px 0 0;
            margin-top: 1px;
            line-height: normal;
        }
        .questionsRow {
            background: #dee3e6;
            margin: 0 -20px;
            padding: 10px 20px;
            border-radius: 0 0 3px 3px;
        }
        .button, .greyButton {
            background-color: #f2f2f2;
            color: #888888;
            display: inline-block;
            border: solid 3px #cccccc;
            vertical-align: middle;
            text-shadow: 0 1px 0 #ffffff;
            line-height: 27px;
            min-width: 160px;
            text-align: center;
            padding: 5px 20px;
            text-decoration: none;
            border-radius: 0px;
            text-transform: capitalize;
        }
        .questionsRow span {
            float: right;
            display: inline-block;
            line-height: 30px;
            border: solid 1px #aeb9c0;
            padding: 0 10px;
            background: #FFF;
            color: #007fbe;
        }
<body>
<div class="container">
<div class="privew">
    <div class="questionsBox">
        <div class="questions"><h1>Something</h1></div>
        <div class="answerList"><h3>You are only allowed to select one option from the given below question</h3></div>
        <div class="questions"><h4>Question 1</h4></div>
        <div class="questions"><h3>Section 1</h3></div>
        <ul class="answerList">
            <li>
                <label>
                    <input type="radio" name="answerGroup" value="0" id="answerGroup_0">Yes</label>
            </li>
            <li>
                <label>
                    <input type="radio" name="answerGroup" value="1" id="answerGroup_1">Rather yes</label>
            </li>
            <li>
        </ul>
    </div>
        <div class="questionsBox">
            <div class="questions"><h3>Section 2</h3></div>
            <ul class="answerList">
                <li>
                    <label>
                        <input type="radio" name="answerGroup" value="2" id="answerGroup_2">Yes</label>
                </li>
                <li>
                    <label>
                        <input type="radio" name="answerGroup" value="3" id="answerGroup_3">Rather yes</label>
                </li>
            </ul>
        </div>
        <div class="questionsRow"><a href="{{ route('ques2') }}" class="button" id="nextquestions">Next</a><span>1 from 20</span><a href="{{ route('ques20') }}" class="button" id="nextquestions">Previous</a></div>
    </div>
</div>
<script type="text/javascript">

</script>
</body>

Hello All,

Я пытаюсь создать тестовую страницу, на которой пользователи выбирают один переключатель и отправляют все варианты в одном.экземпляр для хранения обратно в базу данных.Кроме того, вопросы находятся на разных страницах, поэтому в основном пользователь может перемещаться назад и вперед, чтобы редактировать свой выбор.Всего 20 вопросов.Я не могу понять, куда я должен поместить свою логику массива.Мое лучшее предположение было бы в TestController.Пожалуйста, оставьте свой ценный ответ.

PS: я новичок в веб-разработке и недавно начал работать над проектом сайта по оценке личности.Однако из-за меньшего опыта я сталкиваюсь с множеством проблем, чтобы добиться его создания.

Эта проблема из моего проекта Laravel 6.x.

Я ожидаю получить все выборки, сохраненные в массиве, и передать их в базу данных, где я смогу затем обработать их.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...