[解決済み] チェックボックスがチェックされている場合、次のようにします。

質問

チェックボックスにチェックを入れると、そのチェックボックスが <p> #0099ff .

チェックを外すと元に戻すようにしてほしい。

今までのコードです。

$('#checkbox').click(function(){
    if ($('#checkbox').attr('checked')) {
        /* NOT SURE WHAT TO DO HERE */
    }
}) 

どのように解決するのですか？

私なら 使用 .change() そして this.checked :

$('#checkbox').change(function(){
    var c = this.checked ? '#f00' : '#09f';
    $('p').css('color', c);
});

--

を使うにあたって this.checked

アンディE は、私たちがいかにしてjQueryを使いすぎる傾向にあるかについて、素晴らしい記事を書いています。 要素のプロパティにアクセスするためにjQueryの素晴らしいパワーを利用する . この記事では、特に .attr("id") を使用していますが、その場合 #checkbox は アン <input type="checkbox" /> 要素でも、問題は同じです。 $(...).attr('checked') (あるいは $(...).is(':checked') ) 対 this.checked .