在javascript和html中使用变量_Javascript_Jquery_Html_Flask

在javascript和html中使用变量

javascript jquery html flask

在javascript和html中使用变量,javascript,jquery,html,flask,Javascript,Jquery,Html,Flask,我想在javascript代码中使用一个通过flask传递给html模板的变量。下面是一个例子：我有一个列表，我将其传递给html模板，并在该列表上运行for循环 <body> {% for group in groups %} <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}">{{ gro

我想在javascript代码中使用一个通过flask传递给html模板的变量。下面是一个例子：我有一个列表，我将其传递给html模板，并在该列表上运行for循环

<body>
   {% for group in groups %}
      <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}">{{ group[0] }}
      </input><br>
   {% endfor %} 
</body>


{组%中的组的%s}
{{组[0]}


{%endfor%}

这里我有一个列表（组）并循环该列表。我的问题是，如果我想在jquery语句中执行该循环，那么该如何工作

谢谢

carl

服务器端模板生成具有相同类

的复选框列表。group\u sel

。现在，在客户端上，您可以选择此集合并使用以下代码在其上循环：

$('.group_sel').each(function() {
    console.log( this.value );
});

还要确保您的HTML是有效的，删除

，它应该是：

{% for group in groups %}
    <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}"> {{ group[0] }}
    <br>
{% endfor %}

{%用于组中的组%}
{{组[0]}


{%endfor%}

服务器端模板生成具有相同类的复选框列表

.group\u sel

。现在，在客户端上，您可以选择此集合并使用以下代码在其上循环：

$('.group_sel').each(function() {
    console.log( this.value );
});

还要确保您的HTML是有效的，删除

，它应该是：

{% for group in groups %}
    <input class="group_sel" type="checkbox" id="{{ group[0] }}" name="groupstoselect[]" value="{{ group[0] }}"> {{ group[0] }}
    <br>
{% endfor %}

{%用于组中的组%}
{{组[0]}


{%endfor%}

如果您只想将Jinja移动到与在html中定义它的方式相同的javascript，那么没有什么大的变化

<script type="text/javascript">
    var d = {{ groups }}
    d.forEach(function(entry) {
       console.log(entry);
    });


var d={{groups}
d、 forEach（函数（条目）{
控制台日志（条目）；
});

您可能需要将

|safe

过滤器添加到组中<代码>{{groups | safe}}

安全筛选器将字符串显式标记为“安全”，即，如果启用了自动转义，则不应自动转义该字符串。请参见

如果您只想将Jinja移动到一个与在html中定义它的方式相同的javascript，那么没有什么大的变化

<script type="text/javascript">
    var d = {{ groups }}
    d.forEach(function(entry) {
       console.log(entry);
    });


var d={{groups}
d、 forEach（函数（条目）{
控制台日志（条目）；
});

您可能需要将

|safe

过滤器添加到组中<代码>{{groups | safe}}

安全筛选器将字符串显式标记为“安全”，即，如果启用了自动转义，则不应自动转义该字符串。请参见

谢谢您的回答dfsq。。。我的问题更多的是，是否有任何方法可以直接访问javascript语句中的组列表。假设我不想在html代码中使用for循环，但想使用javascript生成html代码？然后需要将JSON结构注入脚本，并使用脚本创建这些项。如果您在问题中添加

组

，则很容易。感谢您的回答dfsq。。。我的问题更多的是，是否有任何方法可以直接访问javascript语句中的组列表。假设我不想在html代码中使用for循环，但想使用javascript生成html代码？然后需要将JSON结构注入脚本，并使用脚本创建这些项。如果在问题中添加

组

，则很容易。