jQuery: check if a checkbox is checked

by firegroove

HTML

<form id="test" action="#" method="post">
    <div><label>SOLO</label>
        <input type="checkbox" name="solo" id="multiple"/>
    </div>
</form>

CSS

.test {
    background-color: red;
}

JavaScript

$('#multiple').change(function() {

    var $check = $(this),
        $div = $check.parent();

    if ($check.prop('checked')) {

        $div.addClass('test');

    } else {

        $div.removeClass('test');

    }

});