<div>.val()<input id="che1" type="checkbox"/></div>
<div>.is(":checked")<input id="che2" type="checkbox"/></div>
<div>.prop( "checked" )<input id="che3" type="checkbox"/></div>
$("#che1").click(function(){
var checkvalue = $(this).val();
alert(checkvalue);
});
$("#che2").click(function(){
var checkis = $(this).is(":checked");
alert(checkis);
});
$("#che3").click(function(){
var checked = $(this).prop( "checked" );
alert(checked);
});
This Pen doesn't use any external CSS resources.