Django无Form.py的CRUD项目中性别字段单选按钮实现及数据提交问题求助

我正在做一个Django的CRUD项目，全程没用到form.py，完全依赖默认模型开发。现在想把性别字段改成单选按钮（毕竟性别是单选场景，复选框不合适），但试了好几种方式都没达到预期：要么单选按钮渲染不出来，要么就算显示了，提交后数据也存不到数据库里。有没有大佬能帮我排查下问题，给个可行的实现方案呀？

我的现有代码： #

HTML页面（add.html）

<!DOCTYPE html>
<html>
<head>
{% load static %}
<link rel="stylesheet" href="{% static 'css/style.css' %}">
</head>
<body>
<div class="container1">
<h1>Add Member</h1>
<form action="{% url 'user_data_create' %}" method="post">
{% csrf_token %}

<!-- 目前用的是下拉选框，想改成单选按钮 -->
<select name="gender" id="gender" value="{{ user_data.gender }}" required>
<option value="">-Select Gender-</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>

<!-- 其他表单字段（name、email、phone、role等）省略，实际项目中需补充完整 -->

</form>
</div>
</body>
</html>

Models.py

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

class Members(models.Model):
    GENDER_CHOICES =(
        ('Male','Male'),
        ('Female','Female'),
        # 建议补充Other选项，和HTML里的选项对应
        ('Other','Other'),
    )
    user = models.ForeignKey(User,on_delete=models.CASCADE)
    name = models.CharField(max_length=20,null=True,blank=False)
    email = models.EmailField(null=True,blank=False,unique=True)
    phone = models.CharField(null=True,blank=False,max_length=10)
    gender = models.CharField(choices=GENDER_CHOICES, max_length=10)
    role = models.CharField(max_length=10)
    is_deleted = models.BooleanField(default=False)

    def __str__(self):
        return f'{self.name} {self.email} {self.role}'

Views.py

from django.shortcuts import render, redirect
from django.contrib import messages
from .models import Members

def user_data_create(request):
    if request.method == 'POST':
        name = request.POST['name']
        email = request.POST['email']
        phone = request.POST['phone']
        # 用get方法取值更安全，避免字段未提交时抛出KeyError
        gender = request.POST.get('gender')
        role = request.POST['role']
        print(gender)  # 可以先打印看看是否拿到了值
        user_data = Members.objects.create(
            user=request.user, 
            name=name, 
            email=email,
            phone=phone, 
            gender=gender,
            role=role
        )
        # create方法已自动保存，无需额外调用save()
        messages.success(request,"New Member added Succesfully")
        return redirect('dashboard_page')
    return render(request, 'add.html')

解决方案：替换为单选按钮并修复数据提交问题 #

把HTML里的下拉框替换成单选按钮组，同时注意几个核心细节：

• 同一组单选按钮的name属性必须完全一致（都设为gender），这样浏览器才会识别为单选组，只能选一个
• 单选按钮的value要和models中GENDER_CHOICES的选项值完全匹配，否则无法正常存入数据库
• 如果是编辑页面，需要根据user_data.gender的值给对应单选按钮加checked属性；新增页面可省略该判断

修改后的HTML性别字段代码：

<!-- 性别单选按钮组 -->
<div class="gender-group">
    <p>Select Gender:</p>
    <input type="radio" id="male" name="gender" value="Male" {% if user_data.gender == 'Male' %}checked{% endif %} required>
    <label for="male">Male</label>

    <input type="radio" id="female" name="gender" value="Female" {% if user_data.gender == 'Female' %}checked{% endif %}>
    <label for="female">Female</label>

    <input type="radio" id="other" name="gender" value="Other" {% if user_data.gender == 'Other' %}checked{% endif %}>
    <label for="other">Other</label>
</div>

额外注意事项： #

• 补充models里的Other选项，确保和HTML选项对应，避免存入不在可选范围内的值导致报错
• 用request.POST.get('gender')替代直接取值，防止前端未提交字段时抛出异常
• 确认所有表单字段的name属性和views中取值的键一致，避免其他字段也出现提交失败的情况

这样修改后，单选按钮就能正常显示，提交后的性别数据也能正确存入数据库啦！

备注：内容来源于stack exchange，提问作者Shivang Kant