Какой нужен код для создания базы данных checkbox?

<form method="POST" action="action_handler.php" id="form">
    <section class="table_1">
        <table class="iksweb">
            <tbody>
                <tr>
                     <td> 
                        <h3 class="the">Безопасность пищи:</h3>
                        <div class="conteiner">
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_12" value="1" name="checkbox[]">
                                <label for="checkbox_12" tabindex="31">Мыть руки</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_13" value="1" name="checkbox[]"> 
                                <label for="checkbox_13" tabindex="32">Накладывать лёд в стаканы только с помощью совка</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_14" value="0" name="checkbox[]">
                                <label for="checkbox_14" tabindex="33">Накладывать лёд в стаканы с помощью рук</label>     
                            </div>
                            <div class="checkbox">
                                <input type="checkbox" class="i-6" id="checkbox_15" value="1" name="checkbox[]">
                                <label for="checkbox_15" tabindex="34">При наличии выдвижной крышки над ёмкостью со льдом, 
                                   закрывать её после каждого использования</label>
                            </div>
                        </div>
                    </td>
                 </tr>
            </tbody>
        </table>
    </section>
    <div class="dsw">
        <button class="b-6" tabindex="11" id="btn-1" type="submit">Отправить</button>
    </div>    
</form>

/* Главный скрипт формы (опросника) */

const form = document.querySelector('#form')
form.addEventListener('submit', onSubmit)

function onSubmit (event) {
  event.preventDefault()

  let listCheckbox = document.querySelectorAll('.i-6')
  listCheckbox = [...listCheckbox]
  

  // Проверяем выбран ли хотябы один ответ
  if (!listCheckbox.some(checkbox => checkbox.checked)) {
    alert('Вы не выбрали ни одного ответа')
  }
  
  else{
    form.addEventListener('submit', onSubmit)
    alert('Вы подтверждаете действие?');
  }
  // Узнаем сколько всего правильных ответов
  const rightAnswersCount = listCheckbox.filter(checkbox => Number(checkbox.value) === 1).length

  // Узнаем сколько всего не правильных ответов
  const wrongAnswerCount = listCheckbox.length - rightAnswersCount

  // Узнаем количество правильных ответов
  const rightAnswers = listCheckbox.filter(checkbox => Number(checkbox.value) === 1 && checkbox.checked).length

  // Узнаем количество не правильных ответов
  const wrongAnswer = listCheckbox.filter(checkbox => Number(checkbox.value) === 0 && checkbox.checked).length

  // Уведомляем пользователя
  console.log(`Вы выбрали ${rightAnswers} вариантов из ${rightAnswersCount} правильных`)
  /*console.log(`Вы ответили не правильно на ${wrongAnswer} из ${wrongAnswerCount}`)*/
 
  //Вывод ответа с процентами
  console.log(`Процент правильных ответов: ${(rightAnswers / rightAnswersCount) * 100}`)
  /*console.log(`Процент неправильных ответов: ${(wrongAnswer / wrongAnswerCount) * 100}`)*/

}

/* Скрипт правильных и неправильных ответов */
let button = document.getElementById('btn-1');
button.addEventListener('click', function(e) {
  document.querySelectorAll('.i-6').forEach(item => {
    let chekcbox = item.closest('div');
    if (item.checked && Number(item.value)) {
      chekcbox.classList.add("right");
      chekcbox.classList.remove("false");
    } else if (item.checked) {
      chekcbox.classList.add("false");
      chekcbox.classList.remove("right");
    } else {
      chekcbox.classList.remove("right");
      chekcbox.classList.remove("false");
    }
  })
});

.right {
    background-color: #33CC00;
    border-radius: 50px;
 }
.false {
    background-color: #FF3300;
    border-radius: 50px;
 }

Добрый день! У меня есть вот такой опросник. Тут я оставил часть кода, потому что опросник больше. В консоли разработчика выводится результат ответа, нужно, чтобы результат сохранялся в базе. Какой код нужен на php, чтобы сохранял результат?
  • Вопрос задан
  • 134 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы