How to make Woocommerce cart remove selected items button?

Question

WooCommerce

Good afternoon, tell me how to implement the function of deleting selected items in the basket.

I made checkboxes for the goods in the cart, made their selection and try to make when clicking on the "Delete selected" button, if the checkbox is active for the goods, then I try to cause a click on the "delete" button for the goods.

Here is my code why it doesn't work.

$('#cart-checkbox').click(function(){
  if ($(this).is(':checked')){
    $('.cart-product-check-block input:checkbox').prop('checked', true);
  } else {
    $('.cart-product-check-block input:checkbox').prop('checked', false);
  }
});

$('body').on('click', '.cart-delete-message', function() {
  if($(".cart-product-check").is(":checked")) {  
    $('.remove').on('click');
  }
});

Answer 1

Well, first, in order to trigger an event. it is necessary to use the function trigger
Second. the deletion is done by ajax and you will call in a loop for each selected item, then you will have a series of ajax requests.
It would be more correct to do this
Collect all the id of the selected products and send one request to the server and refresh the page

As an example, deleting all items from the cart

/**
   * AJAX полная очитска корзины
   * Функция WC_AJAX::get_refreshed_fragments() сама возвращает код возврата
   * todo: Сделать возврат данных для кнопки в корзине.
   * todo: Сейчас кнопка в корзине принудительно перезагружает страницу
   */
  function ajax_clear_cart() {

    WC()->cart->empty_cart( $clear_persistent_cart = true );
    WC_AJAX::get_refreshed_fragments();
  }

  add_action( 'wp_ajax_qop_clear_cart', 'ajax_clear_cart' );
  add_action( 'wp_ajax_nopriv_qop_clear_cart', 'ajax_clear_cart' );

/**
     * Запуск очистки корзины
     * todo: Для страницы корзины сделать обновление без перезагрузки
     */
    $(document.body).on('click', '.qop-clear-cart', function (e) {
        var $thisbutton = $(e.target),
            location = '',
            confirmed = confirm("Внимание!!! Все товары из корзины будут удалены. Продолжить?");

        if (!confirmed) {
            return;
        }

        // т.к. кнопка очитски есть и в миникорзине, то нужно знать кто вызвал событие.
        if ($thisbutton.closest('div.widget_shopping_cart_content').length) {
            location = 'widget_mini_cart';
        } else if ($thisbutton.closest('form.woocommerce-cart-form').length) {
            location = 'page_cart';
        }

        let productsData = {
            action: 'qop_clear_cart',
            location: location
        };

        $.ajax({
            url: qopParams.ajax_url,
            type: 'POST',
            data: productsData,
            success: function (response) {
                console.log(response);
                if (!response || !response.fragments) {
                    return;
                }

                if ('widget_mini_cart' === location) {
                    // Trigger event so themes can refresh other areas.
                    $(document.body).trigger('removed_from_cart', [response.fragments, response.cart_hash, $thisbutton]);
                } else if ('page_cart' === location) {
                    window.location.reload();
                }
            },
            beforeSend: function () {
                $($thisbutton).addClass('loading');
            },
            complete: function () {
                $($thisbutton).removeClass('loading');
            }
        });
    });