如何在django中创建动态创建的单选按钮表单

Question

你好。

我对django和 我想在html中创建一个看起来像上面图像的表单。 当用户选择单选按钮时，表单应保存数据。

如何在django中实现这样的表单（请注意用户不能选择多个答案）

Answer 1

您想使用ChoiceField和RadioSelect：

from django import forms

class GenderForm(forms.Form):
    CHOICES = (
        ('M', 'Male'),
        ('F', 'Female'),
    )
    choice = forms.ChoiceField(choices=CHOICES, widget=forms.RadioSelect())

请记住，Django documentation is your friend！

动态更改选择 如果您希望能够动态创建表单，那么使用ModelForm而不是forms.Form可能是个好主意。这是一个例子：

from django.db import models
from django.forms import ModelForm
from django import forms

class Answer(models.Model):
    answer = models.CharField(max_length=100)

    def __unicode__(self):
        return self.answer

class Question(models.Model):
    title = models.CharField(max_length=100)
    answers = models.ManyToManyField('Answer')

class QuestionForm(ModelForm):
    class Meta:
        model = Question
        fields = ('title', 'answers')
        widgets = {
            'answers': forms.RadioSelect(),
        }

在您的视图中，使用指定的实例实例化表单：

question = Question.objects.order_by('?')[0]
form = QuestionForm(instance=question)

然后，表单将使用与该问题相关的答案（在这种情况下是随机选择的），并照常将表单传递给模板上下文。

Answer 2

这里有一个很好的例子：https://code.djangoproject.com/wiki/CookBookNewFormsDynamicFields

基本上，您的表单代码将遵循以下模式：

from django import forms

class MyForm(forms.Form):
    static_field_a = forms.CharField(max_length=32)
    static_field_b = forms.CharField(max_length=32)
    static_field_c = forms.CharField(max_length=32)

    def __init__(self, dynamic_field_names, *args, **kwargs):
        super(MyForm, self).__init__(*args, **kwargs)

        for field_name in dynamic_field_names:
            self.fields[field_name] = forms.CharField(max_legth=32)    # creates a dynamic field

使用示例：

>>> dynamic_fields = ('first_name', 'last_name', 'company', 'title')
>>> my_form = MyForm(dynamic_field_names=dynamic_fields)
>>> my_form.as_ul()
u'<li><label for="id_static_field_a">Static field a:</label> <input id="id_static_field_a" type="text" name="static_field_a" maxlength="32" /></li>\n<li><label for="id_static_field_b">Static field b:</label> <input id="id_static_field_b" type="text" name="static_field_b" maxlength="32" /></li>\n<li><label for="id_static_field_c">Static field c:</label> <input id="id_static_field_c" type="text" name="static_field_c" maxlength="32" /></li>\n<li><label for="id_first_name">First name:</label> <input id="id_first_name" type="text" name="first_name" maxlength="32" /></li>\n<li><label for="id_last_name">Last name:</label> <input id="id_last_name" type="text" name="last_name" maxlength="32" /></li>\n<li><label for="id_company">Company:</label> <input id="id_company" type="text" name="company" maxlength="32" /></li>\n<li><label for="id_title">Title:</label> <input id="id_title" type="text" name="title" maxlength="32" /></li>

这将呈现包含以下文本输入的表单：

• 静态字段a
• 静态字段b
• 静态字段c
• 名字
• 姓氏
• 公司
• 标题

只需使用forms.ChoiceField()或任何您想要的内容，而不是forms.TextField()。