Flask 如何使用Flask/WTForms预填充复选框

在本文中，我们将介绍如何使用Flask和WTForms预填充复选框。复选框是一种用户界面元素，允许用户同时选择多个选项。预填充复选框是指默认情况下已经选中了某些选项，方便用户进行选择或修改。

阅读更多：Flask 教程

什么是Flask和WTForms

Flask是一个使用Python编写的微型Web框架。它提供了简洁而灵活的方式来构建Web应用程序。WTForms是Flask中常用的表单验证和渲染库，它提供了方便的工具来创建和处理表单。

预填充复选框的使用场景

预填充复选框在许多应用中都非常常见。在某些情况下，我们希望在页面加载时将某些选项设置为默认选中状态。例如，一个问题调查页面中可能有多个选项供用户选择，我们可以根据用户的历史选择或其他条件预先选中某些选项。

在Flask中使用WTForms创建复选框表单

首先，我们需要安装Flask和WTForms，可以使用pip或其他包管理工具进行安装。

pip install flask
pip install wtforms

接下来，我们将创建一个Flask应用，并在其中使用WTForms来创建复选框表单。

from flask import Flask, render_template
from flask_wtf import FlaskForm
from wtforms import SelectMultipleField, SubmitField

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

class MyForm(FlaskForm):
    choices = [('option1', 'Option 1'), ('option2', 'Option 2'), ('option3', 'Option 3')]
    selected = ['option1', 'option3']

    checkboxes = SelectMultipleField('Checkboxes', choices=choices)
    submit = SubmitField('Submit')

@app.route('/', methods=['GET', 'POST'])
def index():
    form = MyForm()
    form.checkboxes.data = form.selected
    return render_template('index.html', form=form)

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

在上面的代码中，我们定义了一个MyForm类，其中有一个checkboxes字段用于存储复选框的选项，一个submit字段用于提交表单。在choices列表中我们定义了复选框的选项。我们使用selected列表来指定要预先选中的选项。

在index路由函数中，我们创建了一个MyForm对象，并将selected列表中的选项赋值给checkboxes.data属性，这样在页面加载时这些选项就会默认选中。然后我们将表单对象传递给render_template函数，这样在渲染页面时可以使用表单对象。

在HTML模板中渲染复选框表单

接下来，我们将在HTML模板中渲染复选框表单。

<!DOCTYPE html>
<html>
<head>
    <title>Pre-populate checkboxes with Flask/WTForms</title>
</head>
<body>
    <h1>Pre-populate checkboxes with Flask/WTForms</h1>
    <form action="/" method="POST">
        {{ form.hidden_tag() }}
        <ul>
            {% for checkbox in form.checkboxes %}
            <li>
                <label for="{{ checkbox.id }}">
                    {{ checkbox() }} {{ checkbox.label.text }}
                </label>
            </li>
            {% endfor %}
        </ul>
        {{ form.submit() }}
    </form>
</body>
</html>