jquery - チェックボックスのラベルに強調表示を追加するにはどうすればよいですか?

Question

以下のようなチェックボックスがあり、チェックボックスがクリックされたら font style="BACKGROUND-COLOR: yellow" を追加したいと思います。どうすればいいですか？

<input type="checkbox" name = "checkbox" id="prime">
<label for="checkbox" name="checkboxlabel" id="primelabel">Checkbox</label>

Answer 1

HTML

<input type="checkbox" name ="prime" id="prime">
<label for="prime" name="checkboxlabel" id="primelabel">Checkbox</label>​

JS

if($("#prime").is(":checked"))
    $('label[for="prime"]').addClass("highlight");

$("#prime").change(function() {
    $('label[for="' + this.id + '"]').toggleClass("highlight");
});

CSS

.highlight { background-color: yellow; }​

デモ| 少し長くなりますが、問題が発生する可能性は低くなります:デモ