临时启用和禁用按钮Javascript

我目前正试图提示用户为一个包装选择6瓶，因此如果他们不选择，则禁用按钮，如果选择，则重新启用按钮。我面临的问题是，一旦按钮被禁用，它就不能被启用，还有其他合适的功能可以使用吗？已尝试将event.preventDefault（）设置为无帮助。我的代码：

var atc = document.getElementsByName("add-to-cart");
const button = document.querySelector('button');
var selects = [...document.getElementsByTagName("select")];
document.onchange = () => {
  const sum = selects.reduce((total, select) => {
    return total + Number(select.selectedOptions[0].value)
  }, 0);

if (sum != 6){
    atc[0].addEventListener('click',function(e){
        event.returnValue = false;
    });
    alert("You are Required to Select a Total of 6 Bottles");       
} 
if(sum == 6 ){
    alert("You have selected 6 bottles");
    atc[0].addEventListener('click',function(e){
        event.returnValue = true;
    });
}

};

---

您可以简单地使用运行总数来确定单击按钮时应该发生什么，而不是禁用该按钮

 atc[0].addEventListener('click',function(e){
   if(sum != 6){
      alert("You are Required to Select a Total of 6 Bottles");  
    }
    else{
      //submit or whatater
     }
 });

---

您可以简单地使用运行总数来确定单击按钮时应该发生什么，而不是禁用该按钮

 atc[0].addEventListener('click',function(e){
   if(sum != 6){
      alert("You are Required to Select a Total of 6 Bottles");  
    }
    else{
      //submit or whatater
     }
 });

---

更新：已使用atc.disabled=true | | false对其进行修复
源解决方案：

---

更新：已使用atc.disabled=true | | false对其进行修复
源解决方案：

---

谢谢你的帮助！通过event.disable=true | | | false启用和禁用按钮，找到了替代解决方案。感谢您的帮助！通过event.disable=true | | false启用和禁用按钮，找到了替代解决方案