<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);
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js