在 Django 模板中使用 for 循环渲染多组单选按钮时，若所有按钮共享同一 name 属性，浏览器会将其视为同一组，导致全局单选；正确做法是为每位学生动态生成唯一 name（如 student_id_attendance），确保每组互不影响。
在 django 模板中使用 for 循环渲染多组单选按钮时，若所有按钮共享同一 `name` 属性，浏览器会将其视为同一组，导致全局单选；正确做法是为每位学生动态生成唯一 `name`（如 `student_id_attendance`），确保每组互不影响。
在构建考勤提交表单等场景中，常需为每位学生独立选择一种出勤状态（如“出席”“缺席”“迟到”）。若直接在嵌套循环中固定 radio 按钮的 name="attendancetype"，所有学生将共用同一表单控件组——此时无论点击哪位学生的选项，先前选择都会被自动取消，违背业务逻辑。
根本原因在于：HTML 规范要求同名 name 的 <input type="radio"> 元素构成一个互斥组，仅允许其中一项被选中。因此，必须为每位学生分配语义清晰、全局唯一的 name 值。
推荐解决方案是结合学生标识符动态构造 name 属性。假设 list_of_students 中每个 student 对象具备可区分字段（如 id、username 或 full_name），可按如下方式优化模板：
{% for student in list_of_students %}
<tr>
<td>{{ student }}</td>
<td>
{% for attendanceType in list_of_attendanceTypes %}
<input
type="radio"
name="{{ student.id }}_attendance"
id="{{ attendanceType.attendancetypeid }}"
value="{{ attendanceType.attendancetypeid }}"
>
<label for="{{ attendanceType.attendancetypeid }}">
{{ attendanceType }}
</label><br>
{% endfor %}
</td>
</tr>
{% endfor %}✅ 关键改进说明：
- name="{{ student.id }}_attendance" 为每位学生生成唯一分组名（如 123_attendance、456_attendance）；
- id 属性同步使用 attendanceType.attendancetypeid 确保 <label for=""> 正确绑定对应 radio 按钮；
- 避免空格或特殊字符：若 student 对象无稳定 ID 字段，建议优先使用 student.pk 或在视图中预处理为 URL-safe 字符串（如 slugify(student.username)）。
⚠️ 注意事项：
- 后端接收数据时，需按动态 name 键逐一提取（例如 request.POST.get('123_attendance')），建议在视图中通过 list_of_students 迭代构建键名并验证；
- 若学生对象无唯一标识字段，请勿使用 {{ student }} 字符串（含空格/符号易导致 HTML 解析异常），务必改用 .id、.pk 或经 slugify 处理的字段；
- 如需前端 JavaScript 动态校验，可通过 document.querySelectorAll('input[name$="_attendance"]') 获取全部考勤 radio 组。
此方案无需修改 Django 表单类或引入额外 JS，纯模板层即可实现语义化、可维护的多组单选控制，兼顾标准兼容性与开发效率。
