如何在 Django 表单中添加复选框。

Question

我想在我的 Django 表单中为不同的非政府组织（比如 NGO1、NGO2 等等）添加复选框。我希望用户 select 这些复选框和数据应该保存在数据库中。

请建议我对代码进行必要的更改。我正在使用 Django 1.9。

models.py

from django.db import models
from django.contrib.auth.models import User

class UserProfileInfo(models.Model):

    user=models.OneToOneField(User)

    def __str__(self):
            return self.user.first_name
            return self.user.last_name
            return self.user.email

forms.py

from django import forms
from django.contrib.auth.models import User
from volunteer.models import UserProfileInfo

class UserForm(forms.ModelForm):

class Meta():
    model = User
    fields = ('email','first_name','last_name','username')

views.py

from django.shortcuts import render
from volunteer.forms import UserForm



def register(request):

registered = False

if request.method =="POST" :
    user_form = UserForm(data=request.POST)

    if user_form.is_valid():

        user = user_form.save()
        user.save()

        registered = True

    else:
        print(user_form.errors)

else:
    user_form = UserForm()

return render(request, 'volunteer/volunteer.html',
                         {'user_form':user_form,
                          'registered':registered})

admin.py

from django.contrib import admin
from volunteer.models import UserProfileInfo

# Register your models here.
admin.site.register(UserProfileInfo)

urls.py

from django.conf.urls import url

from . import views

app_name = 'volunteer'

urlpatterns = [

 url(r'^', views.register, name='register'),
]

volunteer.html（形式为）

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">


<meta name="viewport" content = "width=device-width, initial-scale=1.0">


</head>      

<body>   

 <div class="jumbotron">
    {% if registered %}
       <p>Thank you  <p>

    {% else %}
      <h1>Register yourself for Volunteering</h1>




 <form method="post">
    {% csrf_token %}
    {{ user_form.as_p }}
 <input type="submit" name="" value="Register as a Volunteer">

 {% endif %}

 </div> 


 </form>

</body>
</html>

注意 - 由于格式问题，我没有在上面的 html 代码中包含 bootstrap、ajax 和 JQuery 库，我认为它什么都没有做题，所以。

提前致谢！

Answer 1

您可以在 Django 表单中使用 checkbox widget 轻松实现。

将您的表单 class 定义为：

NGO_CHOICES = (
('one', 'ONE'),
('two', 'TWO'),
('three', 'THREE'),)

class UserForm(forms.ModelForm):
    ngo = forms.MultipleChoiceField(widget=forms.CheckboxSelectMultiple,
                      choices=NGO_CHOICES)

    class Meta():
        model = User
        fields = ('ngo', 'email','first_name','last_name','username')

现在在保存数据的同时，可以访问

中checkbox的数据

if request.method =="POST" :
    user_form = UserForm(data=request.POST)

    if user_form.is_valid():
        # getting the list of ngos
        ngo = user_form.cleaned_data['ngo']
        user = user_form.save()
        user.save()

        registered = True

    else:
        print(user_form.errors)

else:
    user_form = UserForm()

希望对您有所帮助。

如何在 Django 表单中添加复选框。

How to add Checkboxes in Django Form.

database

django-forms

django-1.9