Jquery 选中复选框时动态更改背景图像

您好，这是我在stackoverflow社区的第一个问题，当选中复选框时，我在动态更改网页的背景图像时遇到问题

HTML:

增加乐趣：

jQuery：

<script type="text/javascript">
        if ($('#Lines').is(':checked')) {
                    $("body").css({'background-image': 'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
        }
</script>

如果（$（'#行'）。是（':checked'））{
$（“body”）.css（{'background-image'：'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
}

我希望它在选中复选框后立即更改主体的背景。这张图片是我在网上随机找到的。我想我可能忽略了什么。谢谢你的帮助

你可以试试这个

​$(function(){
    $('#Lines').on('change', function(){
        if($(this).is(':checked')) 
        {
            $("body").css({ 'background-image': 'url(image url)' });
        }
        else $("body").css({'background-image':''});
    });
});​

---

.

那么，一旦复选框被更改，您需要进行检查。。因此，请使用事件处理程序

<script type="text/javascript">
    $('#Lines').change(function(){
       if (this.checked){
          $("body").css({'background-image': 'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
       } else {
          // here you should do what you want when the user un-checks the checkbox..
       }
    });
</script>

$（'#行'）。更改（函数（）{
如果（选中此项）{
$（“body”）.css（{'background-image'：'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
}否则{
//在这里，当用户取消选中复选框时，您应该执行所需操作。。
}
});

16500代表！哇！：）那太多了。。。我有200英镑但你应得的。你通过帮助别人而获得声誉。。。

<script type="text/javascript">
    $('#Lines').change(function(){
       if (this.checked){
          $("body").css({'background-image': 'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
       } else {
          // here you should do what you want when the user un-checks the checkbox..
       }
    });
</script>

$('#Lines').click(function ()
{
 if ($(this).is(':checked'))
 {
   $("body").css({'background-image': 'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
 }
});