显示复选标记和十字而不是布尔值 TRUE 和 False？答案

【问题标题】：Displaying check mark and cross instead of boolean TRUE and False?显示复选标记和十字而不是布尔值 TRUE 和 False？
【发布时间】：2017-08-11 04:08:27
【问题描述】：

我有一个 Django/MySQl/bootsrap 网站，我的视图显示一些布尔列值。有没有办法显示复选标记和十字标记而不是显示 TRUE 或 False？它可以是 .svg 文件，也可以是用于复选标记和交叉的 HTML 代码。周围有没有聪明人做过同样的事情？

这是我的代码：

<tr class="table_content">
    <td>{{ sku.sku }}</td>
    <td>{{ sku.gsa }}</td>
    <td>{{ sku.service_category }}</td>
    <td>{{ sku.product_category }}</td>
    <td>{{ sku.product_description }}</td>
    <td>{{ sku.unit }}</td>
    <td>${{ sku.msrp }}</td>
    <td>${{ sku.channel_price }}</td>
    <td>{{ sku.volume_pricing }}</td>
    <td>{{ sku.comments_sku_description }}</td>
    <td>{{ sku.new_sku }}</td>
    <td>{{ sku.price_requested }}</td>
    <td>{{ sku.to_be_retired }}</td>
</tr>

最后 3 个返回布尔值。我正在尝试显示复选标记和交叉的 .svg 文件，或者只是显示复选标记和交叉的 html 代码。

【问题讨论】：

标签： javascript html django

【解决方案1】：

在 html 上，您可以使用这种 unicode 格式的勾号 &#10004; 结果 ✔

您也可以使用 times 符号 以这种 html 格式 &times; result ×

参考：

Tick symbol in HTML/XHTML

What is the proper HTML entity for the "x" in a dimension?

编辑

选项 1 - 有效，但不建议这样做

如果{{ variable }} 返回TRUE 或FALSE 你可以用javascript检查它

<td>
    <script type="text/javascript">
        if( "{{ variable }}" === "FALSE" ) {
            document.write("×");
        } else {
            document.write("✔");
        }
    </script>
</td>

不建议使用上述选项。如果你以错误的方式使用它，它会产生问题和安全漏洞（至少逃脱你的字符串）。

选项 2 - 在这种情况下更好（建议）

在 Django 模板中，检查是真还是假

<td>{% if variable == True %}&#10004;{% else %}&times;{% endif %}</td>

更多精美图标请查看FontAwesome

编辑 2：

对于真/假变量，还要检查tuky's answer，这是一个更清洁的解决方案。

【讨论】：

【解决方案2】：

我更喜欢使用更简洁的yesno模板过滤器（https://docs.djangoproject.com/en/2.2/ref/templates/builtins/#yesno）：

<td>{{ variable|yesno:"✔,✘" }}</td>

如果variable 是None，它还支持可选的第三个值。

【讨论】：

【解决方案3】：

{% if variable  %}
   <span class="fas fa-check-square"  style='font-size:24px;color:green'></span>
{% else %}
   <span  class="fas fa-window-close"  style='font-size:24px;color:red'></span>
{% endif %}

【讨论】：