【问题标题】：checkbox from a bootstrap for loop from python/flask来自 python/flask 的 bootstrap for 循环的复选框
【发布时间】：2018-01-31 07:18:08
【问题描述】：

HTML 文件（+Flask+Bootstrap）

{% extends "bootstrap/base.html" %}
{% block content %}

<html>
<head>
<style>
    table, th, td {
        background: #f5f5f5;
        border-collapse: separate;
        box-shadow: inset 0 1px 0 #fff;
        font-size: 12px;
        line-height: 24px;
        margin: 30px auto;
        text-align: left;
        width: 800px;

    }
    .center {
        text-align: center;
        margin: auto;
        width: 80%;
        border: 3px solid rgba(0, 0, 0, 0);
        padding: 20px;
    }
    .footer {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        padding: 1rem;
        background-color: #efefef00;
        text-align: center;
    }
</style>
</head>
<body>

    <nav class="navbar navbar-inverse">
            <div class="container-fluid">
                <ul class="nav navbar-nav">
                <a class="navbar-brand"> TMS </a>
                <li><a href="/routing">Routing</a></li>
                </ul>
            </div>  
    </nav>
<table style="width:auto" align="center">
<tr>
<th>
<p>Select the route sheet:</p>
<div class='center'>
<form ip="upload-form" action="{{ url_for('routing') }}" method="POST" 
 enctype="multipart/form-data">
        <input type="file" name="file" accept="/" multiple>
        <input type="submit" action="submit" value="send">
    </div>
</th>
</tr>
</table>

{% if ifHTMLConditional %}

<form method='POST' action="{{ url_for('routing') }}">
<table>
<tr>
    <th>Name</th>
    <th>Meters</th>
</tr>
{% for i in returnFromObjectClassRoute %}
<tr>
<td>
    <input type="checkbox" name="vehicle" value= {{ i[1] }}>
    {{ i[1] }}
    </input>
</td>
<td>
    {{ i[2] }}
</td>
</tr>
{% endfor %}
</table>
<input type="submit" value = {{ test.test }}>
{% endif %}

</form>
</body>

</html>
{% endblock %}

我如何使用这个 for 循环来创建复选框的数量，但要在下一个功能中使用它们。

该计划的目标是创建一条短途路线。使用复选框，我想让用户选择算法的起点在哪里

Python 代码

@app.route('/routing', methods=['GET', 'POST'])
def routing():
test = Reference()
print(test.test.data)
if test == True:
    return redirect('/home')
else:   
    if request.method == 'POST':
        directory = os.path.join(APP_ROOT)
        ifHTMLConditional = False
        if not os.path.isdir(directory):
            os.mkdir(directory)
        for file in request.files.getlist("file"):
            filename = file.filename
            destination = "/".join([directory, filename])
            if file.filename != '':
                file.save(destination)
                objectFromClassRoute = Route(filename, 'totalDistances_AB_BA_12012018.csv')
                returnFromObjectClassRoute = objectFromClassRoute.routing1()
                ifHTMLConditional = True
            else:
                returnFromObjectClassRoute = []
                ifHTMLConditional = False
                return redirect ('/home')
            return render_template('routing.html', test=test, returnFromObjectClassRoute=returnFromObjectClassRoute, ifHTMLConditional=ifHTMLConditional) 
return render_template('routing.html')

returnFromObjectClassRoute 将列表作为值返回。

【问题讨论】：

代码看起来正确，有什么问题？是否要将选定的checkbox 发送到服务器以决定它？那么你需要js代码来发送ajax请求。
是的，我想收到它被选中的复选框，但是因为我有一个 for 循环，所以我只有一个 Checkbox 标签，这意味着我无法获取每个复选框的值，对吗？ .我将从 js 中检查 tha ajax，我会告诉你我发现了什么以及它是否有效。谢谢
我找到了我正在寻找的方法：我在这里举个例子：

标签： python flask flask-bootstrap

【解决方案1】：

Python 代码

我正在寻找的示例：

from flask import Flask, render_template, request

app = Flask(__name__)
app.config['SECRET_KEY'] = 'ThisIsSecret'

class Reference():
     def testList(self):
         testList = ['ABC', 'DEF', 'GHI']
         return testList

 @app.route('/home', methods=['GET', 'POST'])
 def home():
     test1 = Reference()
     test = test1.testList()
     print(test1.testList())
     if request.method == "POST":
         selected_contacts = request.form.getlist("test")
     return render_template('checkBoxTest.html', test=test)

 if __name__ == '__main__':
     app.run(debug=True)

Html + Jinja2 代码

<html>
     <head>
     </head>
    <body>
    <form method='POST' action="{{ url_for('home') }}">
         {{ test.csrf_token }}
        {% for i in test %}
        <input type="checkbox" name="test" value="{{i}}">
        <label>{{i}}</label>
        {% endfor %}
    <input type="submit" action="submit">
    </form>
    </body>
</html>

它返回您在提交之前激活的所有检查列表，并返回您可以根据需要使用它们的值列表

【讨论】：