Question

如何创建一个能够打开和关闭网站背景的复选框？基本上，当我切换一个复选框时，我希望它找到一个图像并将其显示为背景。当我取消选中复选框时，我希望它忽略（或者会产生相同效果的东西）设置背景的代码。

注意：我已经在Stackoverflow和Google上研究了这个主题，虽然我发现了一些有用的文章，但我找不到能够让我实现我想要的效果。

Answer 1

您可以使用jQuery change和toggleclass函数执行此操作。

＆＃13;

$(function() {
    $('#checkbox').change(function(){
        $('body').toggleClass('toogle-bg'); 
    });
});

＆＃13;

.toogle-bg {
    background: url("http://goo.gl/Yu3rXz") 0 0 no-repeat;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<label><input id="checkbox" type="checkbox"/> checkbox</label>

＆＃13;

易切换的背景

1 个答案: