未捕获的语法错误。在<input id={{供应商.id }}中出现无效或意外的标记。

Question

我试图在输入[type='checkbox']上点击函数提交表单，而不使用ajax-jquery刷新页面。另外，我正在开发一个Django Web应用程序。

下面是我的表单元素代码

{% if vendor.accountEnabled %}
    <form id="form" action="{% url 'change_account_switch' vendor.id %}"
                                              method="post">
    {% csrf_token %}
        <div class="custom-control custom-switch">     
             <input onclick="switchAcc('{{ vendor.id }}customSwitch1');"
                                                       type="checkbox"
                                                       name="switch"
                                                       class="custom-control-input" id="{{ vendor.id }}customSwitch1"
                                                       checked>
             <label class="custom-control-label" for="{{ vendor.id }}customSwitch1">Enable</label>
        </div>
    </form>
{% else %}
    <form id="form" action="{% url 'change_account_switch' vendor.id %}"
                                              method="post">
          {% csrf_token %}
          <div class="custom-control custom-switch">
                <input onclick="switchAcc('{{ vendor.id }}customSwitch1');"
                                                       type="checkbox"
                                                       name="switch"
                                                       class="custom-control-input" id="{{ vendor.id }}customSwitch1">
                <label class="custom-control-label" for="{{ vendor.id }}customSwitch1">Enable</label>
          </div>
      </form>
{% endif %}

这是我的JS代码


 function switchAcc(cb_id) {

            let switchBtn = $('#' + cb_id).is(':checked');

            console.log(switchBtn)
            console.log(cb_id)

            $.ajax({
                url: $('#form').attr('action'),
                data: {
                    'status': switchBtn
                },
                dataType: 'json',
                success: function (data) {
                    console.log(data)
                    if (data.is_done) {
                        alert("A user with this username already exists.");
                    }
                },
                error: function (e) {
                    console.log(e.message);
                }
            });

        }

Django views.py ----

@login_required(login_url='/login/')
def change_account_switch(request, doc_id):
    ref = db.collection('vendorUsers').document(doc_id)
    switch = request.GET.get('status', None)
    if switch == 'true':
        switch = True
    elif switch == 'false':
        switch = False
    ref.update({
        'accountEnabled': switch,
    })

    data = {
        'is_done': ref.get().to_dict()['accountEnabled'],
    }
    return JsonResponse(data)

我有一个更多的问题，看看我的表单元素代码，我在那里显示多个用户，每个用户在他们的个人资料数据库中包含accountEnabled字段。. . .

现在，看看我的views.py代码。在该文件中，我根据切换按钮（复选框）更新accountEnabled字段。. .

但问题是，列表中只有第一个用户的账户已启用字段在更新。–