單選按鈕要按順序完成

Question

我有4個字段，3個單選按鈕和1個問題，其序列號在一行中.i如果用戶點擊任何問題的回答不按順序，他應該被提醒回答下一個問題沒有。首先，假設在回答問題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"); 
});