Question

使用WooCommerce产品插件，我试图控制复选框以不允许选中两个以上的复选框。插件不提供该选项。

我该如何实现？

我的实际代码：

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

Answer 1

这可能不是最好或最干净的方法，但是您可以使用jQuery来limit the checkbox selections。您需要更改选择器以定位复选框上的任何类。

(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);

Answer 2

我尝试了一下，效果很好！

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

.addon类不适用于我。

Woocommerce中的产品附加复选框Max 2

2 个答案: