【问题标题】:List with checked checkboxes in Django在 Django 中选中复选框的列表
【发布时间】:2020-05-28 08:21:08
【问题描述】:

所以,我想将选中的复选框项目 id 作为列表并将它们显示在另一个页面上。但是当我到达那个特定页面时,我得到的值是“无”而不是 id 列表。会出什么问题?我尝试了一些与网站上已经发布的其他问题不同的版本,但结果是一样的。

代码如下:

  • models.py:
from django.db import models

class afirmatii(models.Model):
    text = models.CharField(max_length = 250)

    def __str__(self):
        return self.text
  • views.py:
def exam(request):
    if request.method == 'POST':
        checks = request.POST.get('selected[]')
        request.session['checks2'] = checks

    context = {
        'title' : 'Title1',
        'aff': afirmatii.objects.order_by('id')
    }
    return render(request, 'pages/exam.html', context)


def result(request):
    checks = request.session.get('checks2')
    context = {
        'title' : 'Title2',
        'checks': checks
    }
    return render(request, 'pages/result.html', context)
  • exam.html:
{% extends "./base.html" %}
{% block content %}
<div class="text-break">
    <form action="{% url 'result' %}" method="POST">
        {% csrf_token %}
        {% for q in aff %}
        <div class="border mb-3 rounded-sm bg-light p-2">
            <div class="custom-control custom-checkbox checkbox-info">
                <input type="checkbox" class="custom-control-input" id="{{ q.id }}" name = "selected[]">
                <label class="custom-control-label" for="{{ q.id }}" name = 'selected[]'> {{ q.text }} </label>
            </div>
        </div>
        {% endfor %}
        <button type="submit" class="btn btn-md btn-outline-info">Next</button>
    </form>
</div>
{% endblock content %}
  • result.html:
{% extends "./base.html" %}
{% block content %}
<body>
    <div class="text-center">
        <p class="pb-5"> {{ checks }} </p><br>
        <div class="row">
            <div class="col">
                <a href="{% url 'home' %}" class="btn btn-md btn-outline-info" type="button">Home</a>
            </div>
            <div class="col">
                <a href="{% url 'home' %}" class="btn btn-md btn-outline-info" type="button">Learn more</a>
            </div>
        </div>
    </div>
</body>
{% endblock content %}

【问题讨论】:

  • 这能回答你的问题吗? get the list of checkbox post in django views
  • &lt;input type="checkbox" ... name = "selected[]"&gt; 提交表单时,所有的复选框都将命名为selected[],您的代码将无法区分它们。
  • @JohnGordon 所以这意味着我必须一个接一个地写?
  • 大概你可以使用一些循环元素为每个复选框构建唯一的名称。
  • @SebastianTutuianu 先调用哪个视图?

标签: python html django


【解决方案1】:

您可以尝试使用FORMSETS 表单集是一个抽象层,用于在同一页面上处理多个表单。

您可以根据表格中的记录绘制问题列表,并获取标记答案的id(或其他字段)

forms.py

class ExamForm(forms.Form):

    checkbox = forms.BooleanField(required=False)
    id = forms.CharField(widget=forms.HiddenInput)
    text = forms.CharField(widget=forms.HiddenInput)

views.py

from django.shortcuts import render
from django.forms import formset_factory
from .forms import *


def exam(request):

    aff = afirmatii.objects.order_by('id')

    exam_formset = formset_factory(ExamForm, extra=0)

    formset = exam_formset(initial=[{'id': x.id, 'text': x.text} for x in aff])

    checks = []

    if request.method == 'POST':
        formset = exam_formset(request.POST)

        if formset.is_valid():
            for form in formset.forms:
                if form.cleaned_data.get('checkbox', None):
                    checks.append(form.cleaned_data)

    context = {
        'formset': formset,
        'checks': checks,
    }

    return render(request, 'pages/exam.html', context)

exam.html

{% if not checks %}

  <h1>Exam:</h1>
  <form action="{% url 'exam' %}" method="POST">
  {% csrf_token %}

    {{ formset.management_form }}
    {% for form in formset.forms %}

      <div class="form-group">
        {{ form.checkbox }}
        {{ form.text.value }}
        {{ form.id }}
        {{ form.text }}
      </div>

    {% endfor %}

    <button type="submit" class="btn btn-primary">Submit</button>
  </form>

{% else %}

  <h1>Results:</h1>

  {% for check in checks %}
    <p>{{ check.id }} {{ check.text }}</p>
  {% endfor %}

{% endif %}

【讨论】:

    猜你喜欢
    • 2022-01-05
    • 1970-01-01
    • 1970-01-01
    • 2011-07-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-07-22
    • 2012-05-03
    相关资源
    最近更新 更多