Django BooleanField ModelForm待办任务完成划线功能失效问题

• 判断对象选错导致条件永远不成立：之前把划线判断从task.complete改成form.complete没有效果，是因为上下文里的form是视图初始化的空新建任务表单，它和遍历渲染的每一条Task实例没有绑定关系，自身的complete字段始终是初始默认值False，无论页面怎么勾选，这个值都不会变化，自然无法触发划线效果。
• 后端没有实现任务状态更新的处理逻辑：当前视图对POST请求的处理逻辑固定为「新建任务」流程——收到POST后直接绑定提交数据初始化TaskForm、校验、保存为新的Task记录，完全没有识别“修改已有任务complete状态”的逻辑，哪怕页面勾选复选框提交了数据，后端也不会更新数据库里对应任务的状态值。
• 前端交互没有和样式逻辑联动：模板里的划线效果仅依赖从数据库读取的任务持久化状态，没有绑定任何前端动态逻辑关联复选框的勾选动作，哪怕复选框被手动勾上，也不会自动给标题加划线样式。
• Admin后台修改状态能正常生效的逻辑：Admin操作是直接修改数据库的任务状态，每次访问首页时视图都会重新从数据库拉取全量任务的最新状态，此时原本基于task.complete的划线判断逻辑是可以正常匹配最新持久化值的，只是因为页面端的状态修改没有真正存入数据库，才看不到对应效果。

1. 修正模板的判断逻辑 #

把错误的form.complete判断改回基于当前遍历任务实例的task.complete判断，这个判断本身的逻辑是正确的：

{% if task.complete %}
  <strike>{{ task.title }}</strike>
{% else %}
  {{ task.title }}
{% endif %}

2. 为每个任务的完成状态绑定独立提交表单 #

不要把单个任务的状态修改控件放到全局的新建任务表单里，单独给每一条任务做独立的提交表单，携带任务ID指向专门的状态更新接口，勾选时自动提交：

<ul>
{% for task in task_list %}
  <li>
    <form method="POST" action="{% url 'toggle_task_status' task.id %}">
      {% csrf_token %}
      <input 
        type="checkbox" 
        name="complete"
        {% if task.complete %}checked{% endif %}
        onchange="this.form.submit()"
      >
      {% if task.complete %}
        <strike>{{ task.title }}</strike>
      {% else %}
        {{ task.title }}
      {% endif %}
    </form>
  </li>
{% endfor %}
</ul>

同时保留原有的全局新建任务表单逻辑，两者互不干扰。

3. 补充状态更新的路由与视图处理逻辑 #

在路由配置里添加状态更新的专属路由：

# urls.py
from django.urls import path
from . import views

urlpatterns = [
    path('', views.index, name='index'),
    path('toggle-task/<int:task_id>/', views.toggle_task_status, name='toggle_task_status'),
]

在视图文件里实现对应的状态更新函数，接收请求后修改对应任务的状态，存库后重定向回首页：

# views.py
from django.shortcuts import render, redirect, get_object_or_404
from .models import Task
from .forms import TaskForm

def index(request):
    task_list = Task.objects.all().order_by('-created')
    if request.method == "POST":
        form = TaskForm(request.POST)
        if form.is_valid():
            form.save()
            return redirect('index')
    else:
        form = TaskForm()
    return render(request, 'index.html', {'task_list': task_list, 'form': form})

def toggle_task_status(request, task_id):
    task = get_object_or_404(Task, id=task_id)
    if request.method == "POST":
        # 切换任务完成状态
        task.complete = not task.complete
        task.save()
    return redirect('index')

4. 无刷新优化（可选） #

如果不想每次勾复选框都触发页面刷新，可以给复选框绑定纯前端的样式联动逻辑，不需要后端交互：

<style>
.strike-text {
  text-decoration: line-through;
}
</style>

<input 
  type="checkbox"
  onchange="this.nextElementSibling.classList.toggle('strike-text', this.checked)"
>
<span>{{ task.title }}</span>

内容的提问来源于stack exchange，提问作者Myrodis