时间戳

首页 > 解决方案 > 如何在 Jinja2 中选中复选框

python - 如何在 Jinja2 中选中复选框

问题描述

我正在学习烧瓶编程，但无法弄清楚如何检查无线电输入，这是我正在使用的 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)

我的问题是：

  1. 如何根据变量proxy_mode的值检查proxy_mode无线电输入？
  2. 如何根据变量proxy_node的值检查proxy_node无线电输入？例如，如果 proxy_node 等于 2，则将检查表第 2 行中的无线电输入。
  3. 如何为无线电输入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

提前致谢！

标签： pythonhtmlflaskjinja2

解决方案

在阅读了 Jinja2模板设计器文档和另一个 stackoverflow 问题后，我能够为我的问题想出一个解决方案：使用 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>

希望这个答案能帮助任何看过这个问题的人。谢谢！

推荐阅读