Jquery toggle() 不适用于多个类

Question

我正在尝试根据复选框值显示/隐藏特定元素。

“显示指南”切换开关有效，但“显示填充”切换开关无效。

我试过了：

 $('.guide-padding').toggle();

    $('span.guide-padding').toggle();

    if($(this).prop("checked")) {
        $('.guide-padding').show();
    } else {
        $('.guide-padding').hide();
    }

    $('guide-padding.d-flex.justify-content-center.align-items- 
    center').toggle();

我发现这个答案很有用。它没有解决我的问题，但我想我越来越接近了。

How can I select an element with multiple classes in jQuery?

小提琴： https://jsfiddle.net/uz2gr1xj/2/

Answer 1

我想通了！

$('#showPadding').change(function () {
    $('[name="guide-padding"]').toggleClass('d-flex');
    $('[name="guide-padding"]').toggle();
});