После нажатия на кнопку ,эта кнопка должна блокироваться и второй раз не нажиматься ,что не так?

Question

Есть кнопка ,которая выполняет определенную функцию

 <div id="footer">
            <button class="btn third"  onclick="google.script.run.ConsolidateSheet()">Consolidate sheets</button>
 </div>

и есть код js, который должен её блокировать,но почему-то не работает :

var element = document.getElementById('footer');
$(".btn third").click(function(){
      element.disable = false ;
    });

Answer 1

Этот код не может блокировать кнопку, потому что element в данном случае footer, а не кнопка. Используйте при клике на кнопке $(this) - то есть указание на саму кнопку (только селектор правильно напишите):

$(".btn.third").click(function(){
  $(this).prop('disabled',true)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <div id="footer">
 <button class="btn third">Consolidate sheets</button>
 </div>

Answer 2

Можно так

var element = document.querySelector(".btn.third");
element.addEventListener("click", function(){
  this.disabled = true;      
});

<div id="footer">
    <button class="btn third">Consolidate sheets</button>
</div>

БЛОГ НА HUSL

После нажатия на кнопку ,эта кнопка должна блокироваться и второй раз не нажиматься ,что не так?

Ответы (2 шт):