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按顺序启用单选按钮。在这种情况下，您在初始加载页面时禁用单选按钮。当用户单击问题1的单选按钮时，这会触发事件以启用问题二的无线电按钮等。如果你一致地命名你的radiobuttons，你可以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");
});

单选按钮选择按顺序完成

1 个答案: