选中复选框时按jQuery-addClass，取消选中则删除

Wordpress jQuery - addClass when checkbox is checked and then remove when unchecked

本文关键字：取消 删除 复选框 jQuery-addClass      更新时间：2023-09-26

我正在创建一个实时更新的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：http://jsfiddle.net/FSNL3/1/

如果用数据填充表单，请记住，如果选中复选框，则在加载时自动应用类。然后，上面的剪报会为你做这项工作。

相关文章：