Флажок надстройки продукта Max 2 в Woocommerce

Question

Использование плагина WooCommerce Product Add-Ons. Я пытаюсь установить флажки, чтобы не было разрешено устанавливать более 2 флажков. Эта опция не доступна с плагином.

Как мне этого добиться?

Мой фактический код:

<script>
    jQuery(function ($) { 
        var $checkboxes = $('.addon-checkbox').click(function () {
            if ($checkboxes.filter(':checked').length > 2) {   
                $(this).prop('checked', false); return false;
            } 
        });
    });
</script> 

Answer 1

Я попробовал это, и это сработало отлично!

<script>
jQuery(function ($) {
    var $checkboxes = $('.addon-checkbox').click(function () {
        if ($checkboxes.filter(':checked').length > 2) {
            $(this).prop('checked', false);
            return false;
        }
    });
});</script>

Класс .addon не работал для меня.

Answer 2

Это может быть не самый лучший или самый чистый способ, но вы можете использовать jQuery, чтобы ограничить выбор флажков . Вам нужно будет изменить селектор, чтобы нацелить любой класс на флажки.

(function($){
    var limit = 2;
    $('input.option-checkbox').on('change', function(event) {
        if($(this).siblings(':checked').length >= limit) {
            this.checked = false;
        }
    });
}(jQuery))

Сохраните этот скрипт в файл, затем поставьте его в очередь в файле functions.php.

wp_enqueue_script( 'custom-checkboxes', get_stylesheet_directory_uri() . '/assets/js/custom-checkboxes.js', array('jquery'), '1.0.0', true);