Question

我正在尝试使用HTML，Jquery和Node.js为学生开发在线测试。当前，当我提交表单时，服务器获取一个json对象（使用body-parser），该对象仅包含已回答的字段。但是，我还需要能够看到哪些没有答案。例如，如果我的学生回答问题1、2、3而不是4，则服务器显示以下内容：

{Q1：a，Q2：b，Q3：c}

我想要得到：
{Q1：a，Q2：b，Q3：c，Q4：''}

我尝试过在线查找，但是大多数帖子都说明了如何摆脱空白的响应，而不是如何包含它们。

这就是我现在拥有的

<div id="FormContainer1" class="container">
      <form id="Form1" action="/Form1" method="POST">
        <div class="row">
          <div class="col">
            <div class="row">
                <label> 1.  </label>
                <label>A </labe> <input type="radio" name="Q1" value="A">
                <label>B </labe> <input type="radio" name="Q1" value="B">
                <label> C </labe> <input type="radio" name="Q1" value="C">
                <label> D </labe> <input type="radio" name="Q1" value="D">
              </div>
              <div class="row">
                <label> 2.  </label>
                <label> A </labe> <input type="radio" name="Q2" value="A">
                <label> B </labe> <input type="radio" name="Q2" value="B">
                <label> C </labe> <input type="radio" name="Q2" value="C">
                <label> D </labe> <input type="radio" name="Q2" value="D">
              </div>
              <div class="row">
                <label> 3.  </label>
                <label> A </labe> <input type="radio" name="Q3" value="A">
                <label> B </labe> <input type="radio" name="Q3" value="B">
                <label> C </labe> <input type="radio" name="Q3" value="C">
                <label> D </labe> <input type="radio" name="Q3" value="D">
              </div>
              <div class="row">
                <label> 4.  </label>
                <label> A </labe> <input type="radio" name="Q4" value="A">
                <label> B </labe> <input type="radio" name="Q4" value="B">
                <label> C </labe> <input type="radio" name="Q4" value="C">
                <label> D </labe> <input type="radio" name="Q4" value="D">
              </div>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col">
            <input type="submit" value="Submit">
          </div>
        </div>
      </form>

在我拥有的服务器中

app.post('/Form1', urlencodedParser, function(request,response){ console.log(request.body); })

Answer 1

您可以为每个标记为checked的问题添加一个隐藏的单选按钮：

<input type="radio" name="Q4" value="" style="display: none;" checked>

在表单中包含空白回复

1 个答案: