Django 模板中使用 for 循环渲染多组单选按钮时，若所有按钮共享同一 name 属性，浏览器会将其视为同一组，导致只能全局选中一项；正确做法是为每位学生动态生成唯一 name 值（如 student1_attendance），确保各组互不干扰。
django 模板中使用 for 循环渲染多组单选按钮时，若所有按钮共享同一 name 属性，浏览器会将其视为同一组，导致只能全局选中一项；正确做法是为每位学生动态生成唯一 name 值（如 `student1_attendance`），确保各组互不干扰。
在构建学生考勤提交表单时，常见需求是：对每位学生独立选择一种出勤状态（如“出席”“缺席”“迟到”），且各学生的选项互不影响。但若直接在模板中对 list_of_students 和 list_of_attendanceTypes 进行嵌套循环，并统一设置 <input type="radio" name="attendancetype">，所有单选按钮将被浏览器识别为同一个逻辑组——此时无论点击哪位学生的哪个选项，之前选中的都会自动取消，违背业务逻辑。
根本原因在于：HTML 规范规定，具有相同 name 属性的 <input type="radio"> 元素构成一个互斥组，仅允许其中一项被选中。因此，必须为每位学生分配唯一的 name 值，使其各自形成独立的单选组。
✅ 正确实现方式如下（使用学生标识动态构造 name）：
{% for student in list_of_students %}
<tr>
<td>{{ student }}</td>
<td>
{% for attendanceType in list_of_attendanceTypes %}
{# 使用 student 的唯一标识（如 ID 或 slug）构造 name，避免空格/特殊字符 #}
<input type="radio"
name="{{ student.id }}_attendance"
id="{{ attendanceType.attendancetypeid }}_{{ student.id }}"
value="{{ attendanceType.attendancetypeid }}"
{# 可选：预设已保存值 #}
{% if student.current_attendance_id == attendanceType.attendancetypeid %}checked{% endif %}>
<label for="{{ attendanceType.attendancetypeid }}_{{ student.id }}">
{{ attendanceType.display_name|default:attendanceType }}
</label><br>
{% endfor %}
</td>
</tr>
{% endfor %}? 关键要点说明：
- name 必须唯一 per student：推荐使用 {{ student.id }}_attendance（而非 {{ student }}_attendance），因 student 对象直接转字符串可能含空格或不可控字符，易导致 HTML 解析异常或后端接收失败；
- id 也需唯一：配合 label[for] 正确绑定，故 id 同样应包含学生标识（如 attendanceType.attendancetypeid }}_{{ student.id }}）；
-
后端接收处理：视图中可通过 request.POST 动态获取各学生的选择，例如：
for student in list_of_students: key = f"{student.id}_attendance" selected_id = request.POST.get(key) if selected_id: # 处理该学生的考勤更新逻辑 ... - 无障碍与可访问性：确保每个 <label> 的 for 属性严格匹配对应 <input> 的 id，提升屏幕阅读器兼容性；
- 默认选中支持：通过 {% if ... %}checked{% endif %} 添加条件判断，可回显已保存的考勤状态，增强用户体验。
⚠️ 注意事项：
- 切勿使用 name="attendancetype" 或其他静态名称——这是本问题的根源；
- 避免在 name 中使用纯中文、空格或特殊符号（如 {{ student.name }}_attendance），优先选用 student.id、student.slug 等安全字段；
- 若学生列表可能为空或含重复 ID，需提前校验数据完整性；
- 如需前端验证（如强制每名学生必选），可结合 JavaScript 实现，但核心分组逻辑仍依赖服务端生成的唯一 name。
通过为每组单选按钮分配语义清晰、全局唯一的 name，即可在不引入 JavaScript 或复杂表单类的前提下，优雅解决循环渲染中的单选组隔离问题，兼顾标准兼容性、可维护性与可扩展性。
