如何在复选框标签中添加突出显示？

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

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