Javascript 在按钮被点击5次后，是否可以将其禁用？

用户单击按钮五次后，我希望该按钮变为禁用状态

---

是否可以只使用html，或者我需要使用javascript？

首先，您可以为每个按钮提供一个

数据单击属性。其中包含此按钮的单击次数

每次用户单击任何按钮时，如果属性值等于5，则检查
数据单击。然后禁用按钮。否则，只需增加存储在
数据点击中的次数

示例

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


让btns=document.querySelectorAll（“.my btn”），btn=null；
对于（设i=0；i

首先，您可以为每个按钮赋予一个
数据单击属性。其中包含此按钮的单击次数

每次用户单击任何按钮时，如果属性值等于5，则检查
数据单击。然后禁用按钮。否则，只需增加存储在
数据点击中的次数

示例

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


让btns=document.querySelectorAll（“.my btn”），btn=null；
对于（设i=0；i

希望这能给你一些想法：

var h = [2, 4, 6, 3, 4, 2, 7];
var button = document.getElementsByTagName('button');
var placementOfValueReaches5 = [];

h.forEach(function(value, index){
    if (value >= 5){
        button[index].setAttribute('disabled', true);
        placementOfValueReaches5.push(index);
    }
});

console.log(placementOfValueReaches5);  // outputs [2, 6]

有关
Array.prototype.forEach
的更多信息，希望这能给您一些想法：

var h = [2, 4, 6, 3, 4, 2, 7];
var button = document.getElementsByTagName('button');
var placementOfValueReaches5 = [];

h.forEach(function(value, index){
    if (value >= 5){
        button[index].setAttribute('disabled', true);
        placementOfValueReaches5.push(index);
    }
});

console.log(placementOfValueReaches5);  // outputs [2, 6]

更多关于
Array.prototype.forEach的信息
确实可以得到所有值的索引>5。但在您的情况下，可能有另一种解决方案。在哪里更改数组值？您可以引入setter方法，在给定索引处更改数组值，同时在值>5时禁用相应的按钮。确实可以获得所有值>5的索引。但在您的情况下，可能有另一种解决方案。在哪里更改数组值？您可以引入一个setter方法，在给定索引处更改数组值，同时在值>5时禁用相应的按钮。这是不是：我放置1、2、3、4代替按钮，因为按钮是以这种格式自动创建的？@raakobihai我更新了它，以获取索引而不是值。我不清楚你的依赖。好的，所以我有一个js代码，每次有人按下按钮时都会创建一个文本字段。按钮标签/名称中没有唯一性所有按钮都是相同的。但在按钮id中，它从1递增。例如，添加一个类等等。每次单击一个按钮创建一个文本字段时，我都希望数组的相应位置的值增加。因此，我的按钮id=数组中的位置。这还能用吗？你能和我们分享你的代码吗？更新您的问题或将我的实际问题放入名为“添加类”的按钮，我不希望它在9次后可单击。但是每个按钮都需要单独计算。是这样的：我把1、2、3、4代替了按钮，因为按钮是按这种格式自动创建的吗？@raakobihai我更新了它，以索引代替值。我不清楚你的依赖。好的，所以我有一个js代码，每次有人按下按钮时都会创建一个文本字段。按钮标签/名称中没有唯一性所有按钮都是相同的。但在按钮id中，它从1递增。例如，添加一个类等等。每次单击一个按钮创建一个文本字段时，我都希望数组的相应位置的值增加。因此，我的按钮id=数组中的位置。这还能用吗？你能和我们分享你的代码吗？更新您的问题或将我的实际问题放入名为“添加类”的按钮，我不希望它在9次后可单击。但是每个按钮都需要单独计算。这是否也会禁用按钮？是的。行
按钮[index].setAttribute（'disabled'，true）
禁用按钮。您对问题的编辑完全更改了问题和相应的解决方案。这是否也禁用了按钮？是。行
按钮[index].setAttribute（'disabled'，true）
禁用按钮。您对问题的编辑完全更改了问题和相应的解决方案