Question

I have a checkbox like the one below, and I’d like to add font style=”BACKGROUND-COLOR: yellow” once the checkbox is clicked. How would I do this?

<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 | Slightly longer but possibly less likely to cause any issues: Demo