Check box

Check box checked or not using jquery (alerts)

by santosh_patnala

HTML

<form id="test" action="#" method="post">
    <div>
        <input type="checkbox" name="check" id="check"/>
    </div>
</form>

CSS

.test {
    padding: 1em;
    background-color: #fffcb5;
}

JavaScript

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

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

    if ($check.prop('checked')) {
        alert("checked");
        //$div.addClass('test');

    } else {
        alert("try again");
        $div.removeClass('test');

    }

});