выбор радиокнопки должен быть выполнен по порядку

Question

У меня есть 4 поля, 3 переключателя и 1 вопрос с его серийным номером в одной строке. Я хочу, если пользователь нажимает на ответ на любой вопрос не по порядку, он должен быть предупрежден, чтобы ответить на следующий вопрос №.во-первых, предположим, что после ответа на вопрос 1 и 2 он отвечает на переключатель с 7 вопросами, должно появиться всплывающее сообщение, заставляющее его сначала ответить на 3 вопроса, а также я хочу сохранить значения переключателя в базе данных, у меня 12 вопросов на одной странице ивсего 180 вопросов.

<tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>
       <td id="1">1. Question here</td> 
    </tr>
   <tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>
       <td id="2">2. question Here </td> 
    </tr><tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>
       <td id="3">3.  Question here</td> 
    </tr><tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>
       <td id="4">4. Question here</td> 
    </tr><tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>
       <td id="5">5. Question here</td> 
    </tr><tr><td>L<input type="radio" value="L"></td> 
        <td>?<input type="radio" value="?"></td>
        <td>D<input type="radio" value="D"></td>

Answer 1

Вы всегда можете использовать JavaScript, чтобы включить радио-кнопки по порядку.В этом случае вы отключаете радиокнопки при начальной загрузке страницы.Когда пользователь щелкает по радиокнопке для первого вопроса, это вызывает событие, чтобы включить радиокнопки для второго вопроса и т. Д. Если вы называете свои радиокнопки последовательно, вы можете jQuery сделать это эффективно, например, если вы дадите им такие имена, как "q_1", "q_2", ...

$("input[type=radio]").change(function() {
  var name = $(this).attr("name");
  var q = name.split("_");
  var next = "q_" + (parseInt(q[1]) + 1);
  $("input[name=" + next + "]").removeAttr("disabled");
});