[英]Jquery toggle() doesn't work with multiple classes
I'm trying to show/hide specific elements based on checkbox values. 我正在尝试根据复选框值显示/隐藏特定元素。
the "Show Guides" toggle switch works, but the "Show Padding" toggle switch doesn't. “显示指南”切换开关有效,但“显示填充”切换开关不起作用。
I tried: 我试过了:
$('.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();
I found this answer to be informative. 我发现这个答案可以提供丰富的信息。 It didn't solve my problem, but I think I'm getting closer.
它没有解决我的问题,但我想我越来越近了。
How can I select an element with multiple classes in jQuery? 如何在jQuery中选择具有多个类的元素?
Fiddle: https://jsfiddle.net/uz2gr1xj/2/ 小提琴: https : //jsfiddle.net/uz2gr1xj/2/
I figured it out! 我想到了!
$('#showPadding').change(function () {
$('[name="guide-padding"]').toggleClass('d-flex');
$('[name="guide-padding"]').toggle();
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.