Создайте различные флажки внутри al oop html

Question

Сейчас я работаю в своем первом python - django интерфейсе проекта, и у меня возникли некоторые проблемы с таблицей, которую я использую для отображения данных из моей базы данных. Дело в том, что я хотел поставить флажок в первом столбце таблицы в каждой строке, но так как я не знаю, сколько будет регистров, я создал флажок в первом столбце внутри l oop, который Я использую, чтобы показать регистры. И каждый флажок таблицы, на которую я нажимаю, ссылается на флажок первого регистра таблицы. (Если я установлю флажок 3-й строки, он будет проверять первую строку, а если я щелкну таблицу 5-й строки, будет снята проверка первой строки.)

вот мой код.

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

Вы можете добавить уникальный идентификатор для каждого флажка, например, используя уникальный идентификатор объекта, отображаемого в строке:

{% 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. Я изменил его в этом коде.