页面刷新后 Flask 保留复选框

Question

我有这段flask模板的代码

<div class="rows">
     <h3>In oven</h3>
     {% for checkbox in checkboxes: %}
     <li><input type="checkbox"></li>
     {% endfor %}
</div>

我尝试使用 java 脚本，但刷新后复选框会重置，即使我之前选中过它也是如此。我想检查它并在刷新页面后检查保留。有什么想法吗？

Answer 1

您需要将复选框的值存储在某处，以便在再次加载页面时设置它。

本地存储
Flask 会话
数据库
Ajax查询
有表格

这个值必须是可以被评估为true/false的东西。

检索值后，您需要评估是否在输入中添加选中的属性。

在这个例子中，我在视图上使用了一个变量。

#app.py
@app.route("/")
def sample():
    your_variable=True
    return render_template('index.html', your_variable=your_variable)

#index.html
<div class="rows">
     <h3>In oven</h3>
     {% for checkbox in checkboxes: %}
     <li><input type="checkbox" {{'checked="checked"' if your_variable else ""}}></li>
     {% endfor %}
</div>

当然，对于更完整的问题，这可以更具体

页面刷新后 Flask 保留复选框

Flask keeping checkboxes after page regresh

flask

post

checkbox

get

webserver