如何使用WTForms制作具有唯一ID的多个复选框，以便我可以将其存储在货架上？

Question

如何使用WTForms生成多个复选框并将其呈现到我的html页面？ 这是我在使用WTForms时想到的，但是有人告诉我，通过使用Boolean（True，False），它只适用于一个复选框，而不是多个复选框复选框。和如何将选中的复选框附加到具有唯一ID的字典中？在

我对python、flask和WTForms相当陌生。谢谢你抽出时间来帮我。也可以给我一些建议/指导来帮助我工作。在

A preview of my HTML doctor booking page

{<1分$ {% extends 'layout.html' %} {% block body %} <link rel="stylesheet" type="text/css" href="/static/css/appointment.css"> <div class="jumbotron"> <div class="container text-center"> <div id="head"> <h1>{{ title }}</h1> </div> <div id="head-p"> <p> Doctor Opening Hours Slot </p> </div> </div> </div> <div class="panel-group"> <div class="panel panel-default"> <div class="panel-heading"> <h3> Doctor Admin Page </h3> </div> <div id="appointment_box"> </div> <form> <table class="table table-bordered"> <thead> <tr> <th> Monday </th> <td id="m1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="m2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="m3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="m4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="m5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="m6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="m7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="m8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="m9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="m10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="m12" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> <tr> <th> Tuesday </th> <td id="t1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="t2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="t3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="t4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="t5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="t6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="t7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="t8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="t9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="t10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="t11" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> <tr> <th> Wednesday </th> <td id="w1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="w2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="w3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="w4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="w5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="w6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="w7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="w8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="w9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="w10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="w11" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> <tr> <th> Thursday </th> <td id="th1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="th2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="th3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="th4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="th5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="th6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="th7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="th8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="th9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="th10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="th11" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> <tr> <th> Friday </th> <td id="f1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="f2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="f3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="f4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="f5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="f6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="f7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="f8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="f9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="f10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="f11" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> <tr> <th> Saturday </th> <td id="s1" style="background-color:lightgrey"> {{dform.active}} 8 : 00 </td> <td id="s2" style="background-color:lightgrey"> {{dform.active}} 9 : 00</td> <td id="s3" style="background-color:lightgrey"> {{dform.active}} 10 : 00 </td> <td id="s4" style="background-color:lightgrey"> {{dform.active}} 11 : 00</td> <td id="s5" style="background-color:lightgrey"> {{dform.active}} 12 : 00</td> <td id="s6" style="background-color:lightgrey"> {{dform.active}} 13 : 00</td> <td id="s7" style="background-color:lightgrey"> {{dform.active}} 14 : 00</td> <td id="s8" style="background-color:lightgrey"> {{dform.active}} 15 : 00</td> <td id="s9" style="background-color:lightgrey"> {{dform.active}} 16 : 00</td> <td id="s10" style="background-color:lightgrey"> {{dform.active}} 17 : 00</td> <td id="s11" style="background-color:lightgrey"> {{dform.active}} 18 : 00</td> </tr> </thead> <tbody> </tbody> </table> <br> <div class="form-group"> <div class="form-row"> <div class="form-group col-md-11"> </div> <div class="form-group col-md-1"> <input type="submit" value="Submit" class="btn btn-info"/> </div> </div> </div> </form> </div> </div> {% endblock %}

Answer 1

如果有帮助请告诉我。最后，将返回一个字典（数据），其中包含选中复选框的名称。在

烧瓶代码：

@app.route('/index/', methods=['POST', 'GET'])
def index():
    weekdays = ['Mon', 'Tue', 'Wed', 'Thur', 'Fri', 'Sat', 'Sun']
    timeslots = ['8AM', '9AM', '10AM', '11AM', '12PM', '13PM', '14PM','15PM','16PM','17PM','18PM']

    if request.method == "POST":
        data = dict((key, request.form.getlist(key) if len(
            request.form.getlist(key)) > 1 else request.form.getlist(key)[0])
            for key in request.form.keys())
        print (data) # do whatever you want with this data dict. Store it, flash messages, etc.

    return render_template('index.html',
       weekdays = weekdays,
       timeslots = timeslots,
       )

模板

^{pr2}$