onclick event to show modal happens before checkbox is visually checked code example

Example: if checkbox is checked open modal popup

$('input[type="checkbox"]').on('change', function(e){
   if(e.target.checked){
     $('#myModal').modal();
   }
});