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