Express.js单选按钮作为使用渲染参数的表单发布方法

Question

我正在使用Express.js和EJS呈现视图。我正在构建一个小型web应用程序并将变量传递给某个页面的呈现。该页面将使用for循环来根据我传递的数组的大小生成一组单选按钮。单选按钮有值，我会让用户选择一个选项，然后将其作为post方法传回。以下是渲染页面上的代码。问题在于，单选按钮是独立生成的（允许我选择所有这些按钮......而不是以典型的单选按钮方式选择其中一个）。

 <div class="answers"> 
      <h2 class="movie-header">Select One:</h2> 
      <form method="post"> 
       <% for (var i = 0; i < answers.length; i++) { %> 
        <input type="radio" name="answer<%= i %>" value="<%= answers[i] %>"> <%= answers[i] %><br> 
       <% } %> 
       <input type="submit" value="Submit"> 
      </form> 
     </div> 

Answer 1

你应该使用相同的name属性每个单选按钮，创建一个“单选按钮组”，这只会让你选择一个值了一组按钮的。请参见此页上的“收音机”类型：MDN html input

<input type="radio" name="answer" value="<%= answers[i] %>"> <%= answers[i] %><br>