Я хочу отображать части формы в соответствии с тем, как пользователь выбирает флажок - PullRequest
Новая
       6

Я хочу отображать части формы в соответствии с тем, как пользователь выбирает флажок

0 голосов
/ 22 февраля 2020

Как разрешить отображение определенного содержимого формы после того, как пользователь нажимает на флажок Да или Нет, например, если пользователь нажимает на флажок да, отображать форму, которую нужно заполнить, если пользователь нажимает Нет, отображать другую часть формы, которую нужно заполнить Я хочу добавьте его здесь, как в моем applyonline. html

{% extends "pmmvyapp/base.html" %}
{% load crispy_forms_tags %}
{% load static %}
{% block content%}
<div class="col-md-8">
<form method="post" action="/add_aganwadi/">
  {% csrf_token %}
  <div class="form-group">
      <div class=" mb-4">
      <h6><u>Please Fill up the details below (Note that all the fields are required)</u></h6>
    </div>
    <legend class="border-bottom mb-4" ,align="center">Beneficiary Details</legend>
    <label for="formGropuNameInput">Does Beneficiary have a Driving License Card?*</label>
    <div class="form-check form-check-inline">
        {% if..... %}
        <input class="form-check-input" type="checkbox" id="inlineCheckbox1" value="option1">
        <label class="form-check-label" for="inlineCheckbox1">Yes</label>

        {% else %}
        </div>
            <div class="form-check form-check-inline">
            <input class="form-check-input" type="checkbox" id="inlineCheckbox2" value="option2">
            <label class="form-check-label" for="inlineCheckbox2">No</label>
            </div>
        </div> 
      {% endif %}
   <button type="submit" class="btn btn-primary" style="margin-bottom:10px ">Submit</button>
  </form>
</div>   
{% endblock %}

Я хочу знать, могу ли я использовать оператор if для достижения этой цели, и если да, то как?

1 Ответ

0 голосов
/ 22 февраля 2020

, если у вас нет проблем с включением angularjs на странице формы и переключателем вместо флажка, этот пример кода, который я использовал ранее, поможет вам enter image description here

...