单选按钮选择要按顺序完成

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");
});