在循环html中生成不同的复选框

Question

现在我正在我的第一个python-django项目的前端工作，并且我在使用表显示数据库中的数据时遇到了一些问题。问题是，我想在每一行的表的第一列放一个复选框，但由于我不知道会有多少寄存器，我在循环内的第一列上创建了一个用于显示寄存器的复选框。我点击的表中的每个复选框都引用了表中第一个寄存器上的复选框。(如果我点击第三行的复选框，它会选中第一行的复选，如果我点击了第五行的表格，它会取消选中第一行。(

这是我的密码。

HTML:

{% for dominios in dominios %}
<tr style="height: -2px;">
<td style="text-align:center;">
<div class name="checkboxWrapper">
<input type="checkbox" id="check" hidden="true" style="margin-top: 10px;" />
<label for="check" class="checkmark"></label>
</div>
</td>
<td style="color:#A9A9A9;">{{dominios.id_dom}}</td>
<td style="color:#A9A9A9;">{{dominios.nombre_activo}}</td>
<td style="color:#A9A9A9;">{{dominios.desc_act}}</td>
<td style="color:#A9A9A9;">{{dominios.dat_cont_arch}}</td>
<td style="color:#A9A9A9;">{{dominios.resp_dom}}</td>
<td style="color:#A9A9A9;">{{dominios.estado}}</td>
{% endfor %}

所以我想做的是每个复选框都是唯一的，这样我就可以用复选框来选择寄存器。

我希望有人能帮我。

非常感谢。

Answer 1

您可以为每个复选框添加一个唯一的id，例如使用出现在以下行中的对象的唯一id：

{% for dominio in dominios %}
<tr style="height: -2px;">
<td style="text-align:center;">
<div class name="checkboxWrapper">
<input type="checkbox" id="check{{dominios.id_dom}}" hidden="true" style="margin-top: 10px;" />
<label for="check" class="checkmark"></label>
</div>
</td>
<td style="color:#A9A9A9;">{{dominios.id_dom}}</td>
<td style="color:#A9A9A9;">{{dominios.nombre_activo}}</td>
<td style="color:#A9A9A9;">{{dominios.desc_act}}</td>
<td style="color:#A9A9A9;">{{dominios.dat_cont_arch}}</td>
<td style="color:#A9A9A9;">{{dominios.resp_dom}}</td>
<td style="color:#A9A9A9;">{{dominios.estado}}</td>
{% endfor %}

也可以更改"for"行。不能在for和in之后使用相同的变量名。我在这段代码中更改了它。