checkbox for divs

checkbox for divs

by johnnytrinh

HTML

<div class="tel_show">
    <input type="checkbox" name="whatever" />
    &nbsp; visible
</div>

JavaScript

$("div.tel_show").on("click",function(event) {
    var target = $(event.target);
    if (target.is('input:checkbox')) return;
    
    var checkbox = $(this).find("input[type='checkbox']");
    
    if( !checkbox.prop("checked") ){
        checkbox.prop("checked",true);
    } else {
        checkbox.prop("checked",false);
    }
});