Как заблокировать кнопку квиза?

Question

[Kostegn]

Как реализовать блокировку кнопки квиза если на данном этапе ничего не выбрано? Способ нужен самый простой, все сделано максимально криво, нужен наиболее легкий путь, время поджимает

// Квиз
  let quizID = 1;
  let arrQuiz = document.querySelectorAll('[data-quiz]');
  let quizLine = document.querySelector('.quiz__line-complete');
  let quizLineWidth = 100 / arrQuiz.length;
  let quizLineComplete = quizLineWidth;
  let quizStart = document.querySelector('.quiz__info-start');
  let quizEnd = document.querySelector('.quiz__info-end');
  let quizStartNumber = 1;
  quizStart.innerHTML = quizStartNumber;
  quizEnd.innerHTML = arrQuiz.length;
  $('.quiz__info-next').on('click', () => {
    if (quizID < arrQuiz.length) {
      $('[data-quiz=' + quizID + ']').removeClass('current');
      quizID++;
      $('[data-quiz=' + quizID + ']').addClass('current');
      quizLineComplete += quizLineWidth;
      quizStartNumber++;
      quizStart.innerHTML = quizStartNumber;
      quizLine.style.width = quizLineComplete + "%";
    }
  })

  $('.quiz__info-prev').on('click', () => {
    if (quizID > 1) {
      $('[data-quiz=' + quizID + ']').removeClass('current');
      quizID--;
      $('[data-quiz=' + quizID + ']').addClass('current');
      quizLineComplete -= quizLineWidth;
      quizStartNumber--;
      quizStart.innerHTML = quizStartNumber;
      quizLine.style.width = quizLineComplete + "%";
    }
  })

https://lvan-dyadyura.ru/portfolio/adrenalin/
https://lvan-dyadyura.ru/portfolio/adrenalin/js/main.js

Comments

[MagicMight]

Добавьте ссылку на сайт или рабочий прототип на codepen

[FeST1VaL]

т.е вы никак не записываете ответы и не проверяете их? берете блок с ответами проверяете есть ли там хоть 1 checked и тогда пропускаете дальше

[Kostegn]

MagicMight, поправил вопрос, добавил ссылку на сайт и js файл

[Kostegn]

Артем Будин, весь квиз одна форма, в конце будет кнопка, которая ее отправит. Да ответы никак не проверяю. Возможно это совсем криво и так никто не делает? Подскажите более лучший подход, с которым может разобраться верстальщик?

[FeST1VaL]

Kostegn, ну так, как вариант как я описал в предыдущем своем комментарии... при нажатии кнопки далее проверяйте в блок с ответами на хоть один input checked. Если нету, то выводите какую то ошибку/подсказку

[MagicMight]

let radioList = document.querySelectorAll('.quiz-item.current [type="radio"]');
let isChecked = false;
for(let i=0; i<radioList.length; i++) {
    if( radioList[i].selected ) { isChecked = true; break; }
}
if( isChecked ) { ...разблокировать кнопку... }
else {...заблокировать кнопку...}

Добавить эту функцию на onChange radiobutton'ов и на onclick кнопок вперед/назад

[Kostegn]

MagicMight, Спасибо