SO - 18168265

by Arun P Johny

HTML

<div class="item">
    stuff here 
    <input type="checkbox" class="hidden" name="item1" value"true"/>
</div>

<div class="item">
    stuff here 
    <input type="checkbox" class="hidden" name="item2" value"true"/>
</div>

CSS

.hidden {
}

.item.checked {
    background-color: lightgreen;
}

JavaScript

$('.item').click(function(){
     var $this = $(this), $chk = $this.find('input:checkbox'), checked = $chk.is(':checked');
     $chk.prop('checked', !checked);
     $this.toggleClass('checked', !checked);
});