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; }​

演示| 稍长但不太可能导致任何问题：演示