Flask循环渲染RadioField无法获取全部提交值该如何解决？

• 你只在FlaskForm中定义了单个RadioField字段，模板循环渲染时所有判断题的单选框都会复用同一个name属性，浏览器提交表单时相同name的表单项会互相覆盖，最终后端只能拿到最后一个生效的选项值，甚至是空值。
• 直接调用request.form['choices']默认只能获取单个值，就算有多个同name字段也不会自动汇总为列表。

提供两种可直接落地的实现方案： #

方案1：用FieldList批量生成字段（推荐） #

该方案可以复用FlaskForm的校验逻辑，无需手动处理参数转换

1. 调整表单类定义 #

from flask_wtf import FlaskForm
from wtforms import RadioField, FieldList, SubmitField

class AnswerSheetForm(FlaskForm):
    # min_entries对应题目总数，自动生成对应数量的单选字段
    questions = FieldList(
        RadioField(choices=[(1, 'True'), (0, 'False')], coerce=int),
        min_entries=3
    )
    submit = SubmitField('提交答案')

2. 模板渲染调整 #

<form method="POST">
    {{ form.hidden_tag() }}
    {% for question_field in form.questions %}
        <div>第{{ loop.index }}题：</div>
        {% for subfield in question_field %}
            <label>{{ subfield }} {{ subfield.label.text }}</label>
        {% endfor %}
    {% endfor %}
    {{ form.submit() }}
</form>

3. 后端获取答案列表 #

@app.route('/', methods=['GET', 'POST'])
def index():
    form = AnswerSheetForm()
    if form.validate_on_submit():
        # 直接获取所有题的答案列表，格式为 [1, 0, 1] 对应3道题的选择结果
        all_answers = form.questions.data
        print(all_answers)
    return render_template('index.html', form=form)

方案2：手动修改name属性用列表接收 #

如果不想调整原有表单定义，可以用该方法快速实现

1. 模板修改 #

给单选框的name属性加[]后缀，告知浏览器该字段要以列表形式提交

<form method="POST">
    {% for i in range(3) %}
        <div>第{{ i+1 }}题：</div>
        <input type="radio" name="choices[]" value="1"> True
        <input type="radio" name="choices[]" value="0"> False
    {% endfor %}
    <button type="submit">提交</button>
</form>

2. 后端获取答案列表 #

@app.route('/', methods=['GET', 'POST'])
def index():
    if request.method == 'POST':
        # 用getlist方法获取同name的所有值
        all_answers = request.form.getlist('choices[]')
        # 转换为int类型
        all_answers = list(map(int, all_answers))
        print(all_answers)
    return render_template('index.html')

内容的提问来源于stack exchange，提问作者Lianne Mado