javascript - 是否可以在单击 5 次后禁用按钮？

Question

用户单击按钮五次后，我希望该按钮被禁用。

是否可以只用 html 来做，还是需要使用 javascript？

Answer 1

首先，您可以为每个按钮指定一个data-clicks 属性。其中包含此按钮的点击次数。

每次用户单击任何按钮时，都会检查 data-clicks 属性值是否等于 5。然后禁用该按钮。否则只需增加 data-clicks

中存储的数量即可

示例

每个按钮只能点击 5 次，之后该按钮将被禁用

let btns = document.querySelectorAll(".my-btn"), btn = null;

for (let i = 0;  i < btns.length; i += 1) {
    btns[i].onclick = function () {
    
        this.setAttribute('data-clicks', Number(this.getAttribute('data-clicks')) + 1)
        
        if (this.getAttribute('data-clicks') === '5') {
            this.setAttribute('disabled', 'disabled');
        }
    }
}

<input type="button" class="my-btn" value="button 1" data-clicks="0">
<input type="button" class="my-btn" value="button 2" data-clicks="0">
<input type="button" class="my-btn" value="button 3" data-clicks="0">
<input type="button" class="my-btn" value="button 4" data-clicks="0">
<input type="button" class="my-btn" value="button 5" data-clicks="0">

我删除了该数组，因为不需要它。即使没有它，它也会与您的 html 按钮一起动态工作。您可以轻松删除或添加按钮，无需对 JavaScript 代码进行任何编辑

更新

对于您的 jsfiddle，您可以将我的代码嵌入到您的 myno 函数中，如下所示 https://jsfiddle.net/bhoLbu8x/5/