1

この簡単なコードを見てください

html

<input type="checkbox" id="check" >&nbsp;<span id="rm">Remember
me</span> <span id="ok">Okay!</span>

CSS

#ok{
position:absolute;
font:italic bold 14px century;
color:green;
margin-left:3px;
margin-top:2px;
display:inline-block;
opacity:0;
}

Jクエリ

if($('#check').is(":checked"))
    {
    $("#ok").css("opacity",1);
    }

http://jsfiddle.net/milanshah93/4Hf9T/

チェックボックスをオンにしても機能しません。

4

4 に答える 4

3

ページの読み込み時にチェックボックスがオンになっていませんでした。あなたはこのようなことをすることができますが -

$("#check").on('change', function () {
    if ($(this).is(":checked")) {
        $("#ok").css("opacity", 1);
    }
    else{
     $("#ok").css("opacity", 0);
    }
});

デモ

于 2013-05-14T14:06:20.117 に答える
1

いいえ、機能していますが、コードはこれらの 2 つの理由からではありません。

  1. idDOM タグのスペルが間違っています。

  2. イベントリスナーがありません。あなたのコードはウィンドウの読み込み時に実行されており、その後はチェックしません。のようなバインディングを追加する必要がありますchange。

ここに証拠があります：http://jsfiddle.net/4Hf9T/13/

$('#check').change(function(){
    if($(this).is(":checked"))
        {
        $("#ok").css("opacity",1);
        }
    else if(!$(this).is(":checked")) // "if" not needed, just showing that you can check if it is not checked.
        {
        $("#ok").css("opacity",0);
        }
})
于 2013-05-14T14:05:24.137 に答える