在javascript和html中使用变量

我想使用一个变量，通过在JavaScript代码中通过瓶子传递给html模板。下面是一个例子：我有我传递给HTML模板列表，并在我该列表在javascript和html中使用变量

<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>

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

感谢

卡尔

来源

2015-07-02 carl

服务器端模板生成相同类别.group_sel复选框的列表。现在，在客户端上可以选择此收集和循环在它与下面的代码：

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

另外，还要确保你的HTML是有效的，删除</input>，它应该是：

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

来源

2015-07-02 06:19:21 dfsq

感谢您的答案dfsq ...我的问题是更多的是否有任何方法可以直接访问javascript语句中的组列表。比方说，我不想在HTML代码中有for循环，但想要使用JavaScript生成该HTML代码？ – carl

然后，您需要将JSON结构注入到脚本中，并使用脚本创建这些项目。如果你在这个问题中添加'groups'，这很简单。 – dfsq

世界上没有大的变化如果你只是想将Jinja移动到一个javascript中，其工作方式与在html中定义相同。您可能需要将|safe过滤器添加到组。 {{ groups|safe }}

安全筛选器将字符串明确标记为“安全”，即，如果启用自动转义，则不应该自动转义。见http://jinja.pocoo.org/docs/dev/templates/#working-with-automatic-escaping

来源

2015-07-02 06:44:54 Zyber

在javascript和html中使用变量

回答

相关问题