Chciałbym utworzyć następujący formularz:
Składać się on będzie z kilku części. Każda część (kilka pytań, wszystkie z inputami typu radio) zamknięta będzie z jednym divie o pewnym id (w skład id dla ułatwienia będą wchodzić kolejne liczby od 1, czyli: "coś tam" + nr etapu). Pod każdym etapem znajduje się przycisk "dalej" za pomocą którego przejdziemy do następnego etapu (wyświetlimy kolejną serię pytań), ale tylko wtedy, jeśli w każdym pytaniu została udzielona odpowiedź. W przeciwnym wypadku przycisk powinien być nieaktywny (z atrybutem disabled). Jak osiągnąć taki efekt? Poniżej mały fragment kodu, jeśli komuś lepiej patrzy się w HTMLa niż w to co napisałem

[HTML] pobierz, plaintext 
<div id="step1">
    treść pytania pierwszego<br>
    <input type="radio" name="question1" required />odp1<br>
    <input type="radio" name="question1" required />odp2<br>
 
    treść pytania drugiego<br>
    <input type="radio" name="question2" required />odp3<br>
    <input type="radio" name="question2" required />odp4<br>
 
    <button type="button" id="next" onClick="nextq(1, 2)" disabled> Dalej </button>
</div>
 
<div id="step2">
    treść pytania trzeciego<br>
    <input type="radio" name="question3" required />A<br>
    <input type="radio" name="question3" required />B<br>
 
    treść pytania czwartego<br>
    <input type="radio" name="question4" required />X<br>
    <input type="radio" name="question4" required />Y<br>
 
    <button type="button" id="next" onClick="nextq(2, 3)" disabled> Dalej </button>
</div>
[HTML] pobierz, plaintext 

To tak w dużym uproszczeniu, formularz jest dłuższy a kod oczywiście wymaga uzupełnienia (lub napisania na nowo) i dodania jakiś funkcji w JS czy użycia addEventListener'a.