Django forloop и все переключаемые кнопки - PullRequest
Новая
       40

Django forloop и все переключаемые кнопки

0 голосов
/ 30 апреля 2019

Вот, казалось бы, простая задача - создать форму, используя набор записей, чтобы пользователь мог выбирать, какую запись использовать, с помощью переключателя. 

<form action="" method="GET">{% csrf_token %}
{% for record in select_records %}
    <div class="form-check indent-3"> 

        <label class="form-check-label" for="radio{{forloop.counter}}">
            <input type="radio" class="form-check-input" id="radio{{forloop.counter}}" name="{{record.get_model_name}}{{record.id}}" value="{{record.record_name}}">

            {% if request.user.userprofile.head_shot_thumb %}

                <img src="{{ request.user.userprofile.head_shot_thumb }}" alt="Proforma creator"> 

            {% else %}

                <div class="h2-li ">
                    <i class="fas fa-user"></i> 
                </div>
            {% endif %}

            {{ record.record_name }} - {{ record.date_created }}
        </label>
    </div>
{% endfor %}

Проблема в том, что форма создает список переключателей, которые все выбираются, как и все флажки.

Я искал и сравнивал свой код с простыми радио-формами, такими как тот, что в W3schools , но я не могу понять это. Любая помощь приветствуется.

1 Ответ

0 голосов
/ 30 апреля 2019

Я сделал небольшие изменения в вашем коде.Проверьте это ниже. 

<form action="" method="GET">
{% csrf_token %}
{% for record in select_records %}
    <div class="form-check indent-3"> 
        <label class="form-check-label" for="radio{{forloop.counter}}">
            <input type="radio" class="form-check-input" id="radio{{forloop.counter}}" name="record-option" value="{{record.record_name}}">
            {% if request.user.userprofile.head_shot_thumb %}
                <img src="{{ request.user.userprofile.head_shot_thumb }}" alt="Proforma creator"> 
            {% else %}
                <div class="h2-li ">
                    <i class="fas fa-user"></i> 
                </div>
            {% endif %}
            {{ record.record_name }} - {{ record.date_created }}
        </label>
    </div>
{% endfor %}
</form>

Надеюсь, это поможет вам.:)

...