변경 배경 이미지

Question

안녕이는 유래 커뮤니티 내 첫 번째 질문 내가 확인란이 선택되어 동적으로 내 웹 페이지의 배경 이미지를 변경하는 데 문제가

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> 

이 나는 ​​즉시 확인란이 선택 될 때 몸의 배경을 변경하고 싶습니다. 이미지는 온라인에서 발견 된 무작위 이미지입니다. 내가 뭔가를 간과 할 수 있다고 생각해. 도와 주셔서 감사합니다!

Answer 1

이

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

Example을 시도 할 수 있습니다.

Answer 2

글쎄, 당신은 그래서 .change() 이벤트 핸들러

<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> 

Answer 3

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