Как отключить кнопку «Добавить в корзину» с помощью JavaScript на странице продукта WooCommerce?

Question

Я хочу отключить кнопку «Добавить в корзину» с помощью функции успеха jjuery ajax.

Я пытаюсь получить имя класса, потому что у кнопки нет идентификатора.

У меня естьпробовал этот код, но он не работает:

jQuery(document).ready(function($) {
  $('#checked').click(function() {  
    var form_data = new FormData();           
    var form_data = new FormData(document.getElementById("form"));
    form_data.append('action', 'acao_checar');

    $.ajax({
      url: ajaxurl, 
      type: 'POST',
      dataType: 'text', 
      cache: false,
      contentType: false,
      processData: false,
      data: form_data,

      success: function(data){
        document.getElementsByClassName('single_add_to_cart_button').disabled = true;
      },

    });
  });
});

Answer 1

Получилось, я использовал этот код:

$('.single_add_to_cart_button').prop("disabled", true);

Спасибо.

Answer 2

getElementsByClassName() всегда возвращает массив, поэтому вы, вероятно, хотите использовать document.getElementsByClassName('single_add_to_cart_button')[0].disabled = true;