如何在 Jinja2 中勾选复选框

Question

我正在学习烧瓶编程，不知道如何检查无线电输入，这是我正在使用的 html 模板：

<form method = "POST" action="/proxy_settings">
    <input type="radio" name="proxy_mode" value = '0'>Auto
    <br>
    <input type="radio" name="proxy_mode" value = '1'>Manual
    <br>
    <br>
    <section>
        <table border="1">
            <tr>
                <td>Description</td>
                <td>delay</td>
                <td>select</td>
            </tr>
            {% for node_name, node_delay in node_list.items() %}
            <tr>
                <td>{{node_name}}</td>
                <td>{{node_delay}}</td>
                <td><input type="radio" name="proxy_node"></td>
            </tr>
            {% endfor %}
        </table>
    </section>
    <br>
    <section>
        <button type="submit">CONFIRM</button>
    </section>
</form>

我在烧瓶中渲染这个模板是这样的：

return render_template("base.html", node_number = ret["node_number"], proxy_mode = ret1["proxy_mode"], proxy_node = ret2["proxy_node"], node_list=ret3)

我的问题是：

如何根据变量proxy_mode的值检查proxy_mode单选输入？
如何根据变量proxy_node的值来检查proxy_node单选输入？例如，如果 proxy_node 等于 2，则将检查 table 第 2 行的无线电输入。
如何为单选输入动态分配值属性proxy_node？

对于问题1，我尝试了以下方法，但是没有用。

<input type="radio" name="proxy_mode" value = '0' {% if proxy_mode == 0 %} checked=true {% endif %}>Auto
<br>
<input type="radio" name="proxy_mode" value = '1' {% if proxy_mode == 1 %} checked=true {% endif %}>Manual

提前致谢！

Answer 1

通读 Jinja2 Template Designer Documentation and another Whosebug question 后，我找到了解决问题的方法：使用 Jinja 语句来控制整个 html 标签而不是此标签的属性。因此，修改后的表格如下所示：

        <form method = "POST" action="/proxy_settings">
            {% if proxy_mode == '0' %}
            <input type="radio" name="proxy_mode" value = '0' checked=true>Auto
            {% else %}
            <input type="radio" name="proxy_mode" value = '0'>Auto
            {% endif %}
            <br>
            {% if proxy_mode == '1' %}
            <input type="radio" name="proxy_mode" value = '1' checked=true>Manual
            {% else %}
            <input type="radio" name="proxy_mode" value = '1'>Manual
            {% endif %}
            <br>
            <br>
            <section>
                <table border="1">
                    <tr>
                        <td>Description</td>
                        <td>delay</td>
                        <td>select</td>
                    </tr>
                    {% for node_name, node_delay in node_list.items() %}
                    <tr>
                        <td>{{node_name}}</td>
                        <td>{{node_delay}}</td>
                        {% if loop.index0 == proxy_node|int %}
                        <td><input type="radio" name="proxy_node" value={{loop.index0}} checked=true></td>
                        {% else %}
                        <td><input type="radio" name="proxy_node" value={{loop.index0}}></td>
                        {% endif %}
                    </tr>
                    {% endfor %}
                </table>
            </section>
            <br>
            <section>
                <button type="submit">CONFIRM</button>
            </section>
        </form>

希望这个回答对看过这个问题的人有所帮助。谢谢！

Answer 2

这应该是最简单的方法了。

<input type="radio" name="proxy_mode" value="0" {{ "checked" if proxy_mode == 0 }}>Auto
<br>
<input type="radio" name="proxy_mode" value="1" {{ "checked" if proxy_mode == 1 }}>Manual

如何在 Jinja2 中勾选复选框

How to make a checkbox checked in Jinja2

html

python

jinja2

flask