3

こんにちはこれは、stackoverflow コミュニティでの最初の質問です。チェックボックスがオンになっているときに Web ページの背景画像を動的に変更する際に問題が発生しています。

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>

チェックボックスをオンにするとすぐにボディの背景を変更したい。画像はネットで偶然見つけたものです。私は何かを見落としているのではないかと思います。助けてくれてありがとう！

4

3 に答える 3

3

あなたはこれを試すことができます

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

例。

于 2012-12-30T01:02:13.647 に答える
1

チェックボックスを変更したら、チェックを行う必要があります。.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>
于 2012-12-30T01:02:59.133 に答える
0 
$('#Lines').click(function ()
{
 if ($(this).is(':checked'))
 {
   $("body").css({'background-image': 'url(http://upload.wikimedia.org/wikipedia/commons/d/d3/Mud_wrestling_couple.jpg)'});
 }
});
于 2012-12-30T01:03:41.637 に答える