嗨,这是我在 stackoverflow 社区中的第一个问题,我在选中复选框时动态更改网页背景图片时遇到问题
HTML:
<ul>
<li><label for="Lines">Add Fun: </label><input type="checkbox" id="Lines" name="Lines" /></li>
</ul>
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>
我希望它在选中复选框后立即更改主体的背景。图片是我在网上随便找的一张。想我可能会忽略一些东西。感谢您的帮助!
最佳答案
你可以试试这个
$(function(){
$('#Lines').on('change', function(){
if($(this).is(':checked'))
{
$("body").css({ 'background-image': 'url(image url)' });
}
else $("body").css({'background-image':''});
});
});
Example .
关于jquery - 在选中的复选框上动态更改背景图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14087360/