jquery - Jqueryチェックボックスクリックの問題

Question

フォームにid="chkBold"のチェックボックスがあります。このチェックボックスをクリックまたはチェックすると、要素が必要です

色を変更します。これが私のコードとページ全体です。色は変わりません。ここで何が悪いのかわかりますか？

ありがとう。

(function () {
    $("#chkBold").click(function(){
        if($("#chkBold").is(':checked')) {
            $("p").css('color', 'Blue'); 
        }else{
            $("p").css('color', 'Red'); 
        }
     });
});


 jsfiddle: http://jsfiddle.net/netten/dAesw/

Answer 1

ドル記号がありません：

$(function () {
    $("#chkBold").click(function(){
        if($(this).is(':checked')) {
            $("p").css('color', 'blue'); 
        }else{
            $("p").css('color', 'red'); 
        }
     });
});

Answer 2

この作業モデルを確認してください---

http://jsfiddle.net/swapnesh/Xwj6n/

Answer 3

でデバッグしてみてください

if($("#chkBold").is(':checked'))
               {
                alert($('p'));   
                $("p").css('color', 'Blue'); 
                }

このセレクターが、色を変更したいのと同じ要素を提供していることを確認してください。もう1つ、フォントの色またはbackgroundColorを変更しますか。どちらも異なります。

Answer 4

jsfiddleを片付けてみましたが、うまくいくようです... http://jsfiddle.net/8fggu/2/