Javascript Wordpress jQuery-选中复选框时添加类，然后取消选中时删除

我正在创建一个实时更新的wordpress主题定制器，它通过javascript实现这一点。其中一个选项是复选框，用于在选中时将类添加到“transparent”，或者在未选中时将其删除到元素中

以下是我的javascript：

wp.customize( 'header_transparent_menu', function( value ) {
    value.bind( function( to ) {
        $( '#header.alt' ).addClass('transparent', to );
    } );
});

---

当前，选中时会将类添加到元素中，但我不知道如何在未选中时将其删除。

将

addClass

替换为

toggleClass

。下面是一个自定义示例，向您展示这在实践中是如何工作的

$(document).ready(function() {
    $("#check").change(function() { 
        $("#header.alt").toggleClass("blue"); 
    });
});

和JSFiddle：

如果使用数据填充表单，请记住，如果选中该复选框，则在加载时自动应用类。然后，上面的剪贴画将为您完成工作