Demo of getting checkbox status on Change event

Check and uncheck the checkbox to show the change in status by using on change event of checkbox.

JQuery

<script>
$(document).ready(function() {
$("#ckb").change(function(){
 var ckb_status = $("#ckb").prop('checked');
 //alert(ckb_status);
$('#d1').html( " <b>Status :</b> " + ckb_status );
});
////
var ckb_status = $("#ckb").prop('checked'); // at the time of page load
$('#d1').html( " <b>Status :</b> " + ckb_status );
/////
});
</script>

HTML

<input type=checkbox id='ckb'> Checkbox
<button type='button' class='btn btn-secondary'  id=d1></button>