单击后如何禁用多个按钮中的特定按钮？

【问题标题】：How to disable a specific button out of many button after click?单击后如何禁用多个按钮中的特定按钮？
【发布时间】：2021-02-13 05:40:07
【问题描述】：

我有很多用户的列表。

我有一个表格来显示用户名，然后是一个用于电子邮件 ID 的输入字段，然后是提交按钮，当我输入特定用户的电子邮件 ID 并单击提交时，用户会在其邮箱中获取用户 ID 和密码。

我希望当我提交该特定用户的提交按钮时被禁用。

我在 html 中使用 Django for 循环，因此它会禁用所有用户的提交按钮。

我只希望用户按钮被禁用。

<a id="elementId" href="{% url 'urlabc' %}" onclick="setTimeout(function(){document.getElementById('elementId').this.removeAttribute('href');}, 1);">Click</a>

【问题讨论】：

标签： javascript django

【解决方案1】：

这是我的建议。

在模型中添加BooleanField，并将其默认值设置为False。

class YourModel(models.Model):
    email_sent = models.BooleanField(default=False)

在模板中使用此字段来禁用或启用每个链接。

{% for user in users %}
    <a href="{% url 'urlabc' %}" onclick="return !{{ user.email_sent }};">Click</a>
{% endfor %}

当您向True发送用户模型的电子邮件集email_sent时，链接将被禁用。

注意：不会有任何视觉提示显示链接已被禁用，但您可以使用布尔值设置链接或按钮的样式或设置属性以在视觉上禁用。

【讨论】：