<input>のid属性にカウンターを追加する方法。チェックボックスをオンにするたびにリンクをアクティブにしたい

mprasad

入力タグのagreeCheckboxIDを修正するためのカウンターを追加するにはどうすればよいですか?チェックボックスがオンになっている場合にのみリンクを表示するためにdjangoテンプレートを使用しています。

{% for catalog in object_list %} 

<div class="container"> 




        <tbody>
            <tr>


    enter code here

        <td>
        <form>
         **<p><input type="checkbox" id="agreeCheckbox" name="agreeCheckbox" value="agreeCheckbox" onchange="toggleLink(this);"></p>**
                </form>
                </td>
                <td>{{ catalog.DatasetName }}</td>
                <td>{{ catalog.Type }}</td>
                <td>{{ catalog.Classification }}</td>
                <td>{{ catalog.OriginalSource }}</td>
                <td>{{ catalog.OriginalOwner }}</td>
                <td>{{ catalog.YearOfOrigin }}</td>
            </tr>
        </tbody>
    </table>
</div>


<div class="card-footer text-center text-muted"> 
    <a href="{% url 'catalog_edit' catalog.pk %}" id="agreeLink1" style="display:none;">Update</a> |
    <a href="{% url 'catalog_delete' catalog.pk %}" id="agreeLink2" style="display:none;">Delete</a> |
    <a href="{% url 'export_to_xml' %}" id="agreeLink3" style="display:none;">Export to XML</a>
</div> 

{% endfor %}
{% endblock content %}

forループはチェックボックスを繰り返し処理し、各チェックボックスがオンになっている場合にのみリンクを表示します。

ボブ

'forloop.counter'->を使用できます

<input type="checkbox" id="agreeCheckbox{{ forloop.counter }}" [..]

ドキュメンテーション

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ