javascript - 使用 flask, jinja2 将 html 复选框值存储到列表中

Question

我需要一些帮助。我正在使用 flask ，我有一个带有一堆复选框的 HTML 页面。它们被排序为选项 1、选项 2 和选项 3，然后在选项下，有许多框需要检查。我正在尝试跟踪已检查所有框的选项并将该信息存储到列表中。

目前我的逻辑是使用 Jinja2 在 HTML 文件中使用一些 for 循环并尝试以 name="{{getboxitem}}" 等形式设置一些唯一的名称标签但是我的逻辑仅在选项 1 中垂直工作，但如果我在选项 2 和选项 3 中选中了一个框，则无法跟踪。有什么建议可以帮助解决这个问题。

另外，关于此的另一件奇怪的事情是我可以清楚地看到我的复选框表单的名称是“option2checkbox1”但是在我通过请求请求时在 python 路由中。将其设置为 none，就好像该值不存在一样。

Example:

Option1              Option2              Option3
-------------        --------------       -----------
    [] Not Checked      []not checked        [*]Checked
    [*] Checked         [*]not checked       [*]Checked





@app.route('/performance_features_ixia', methods=['GET', 'POST'])
def performance_features_ixia():


    option2checkbox1 = request.form.get('option2checkbox1')
    print('option2checkbox1 is {}'.format(option2checkbox1))

这是我的 HTML 文件

{% for items in rtr_intfs %}

        {% set getboxitem = items + 'checkbox1' %}


     <div class="col-sm-3">

        {%if loop.index > 4 %}
          <br><br>
        {% endif %}

      <p>{{items}}</p>
      <hr style="border: 2px solid#5b9aa0;" />
      <div id="checkboxes">

       <form role="form" action="{{ url_for('performance_features_ixia') }}" name='checkboxform' method="POST" >

        <ul name="listformcheckbox">
            <li>
                <div class="checkbox form-check">
                    <input type="checkbox" name="{{getboxitem}}" id='myCheck' class="check ingress-check form-check-input"> check box option
                    </label>
                </div>
            </li>
        </ul>

         {% if loop.index == 1%}
         <br>
            <button class="btn btn-info btn-lg" type="submit">Submit</button>
        {% endif %}

        </form>
    </div>

</div>

    {% endfor %}

Answer 1

答案是将 for 循环移动到表单下。调试后我意识到我正在创建三个表单，所以当我执行 request.form.get 时看起来它不是它正在寻找的表单。

    {% for items in rtr_intfs %}




         <div class="col-sm-3">

            {%if loop.index > 4 %}
              <br><br>
            {% endif %}

          <p>{{items}}</p>
          <hr style="border: 2px solid#5b9aa0;" />
          <div id="checkboxes">

           <form role="form" action="{{ url_for('performance_features_ixia') }}" 
name='checkboxform' method="POST" >
{% set getboxitem = items + 'checkbox1' %}

            <ul name="listformcheckbox">
                <li>
                    <div class="checkbox form-check">
                        <input type="checkbox" name="{{getboxitem}}" id='myCheck' class="check ingress-check form-check-input"> check box option
                        </label>
                    </div>
                </li>
            </ul>

             {% if loop.index == 1%}
             <br>
                <button class="btn btn-info btn-lg" type="submit">Submit</button>
            {% endif %}
{% endfor %}


            </form>
        </div>

    </div>