JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>test</title>
  </head>
  
  <body>



<form id="form_for_debugging" action='#' method='POST'>

<p>
    <input type="text" name='input_number' value="111" maxlength="6" placeholder="#">

<p>
	<input type="checkbox" name='cb_field' id='cb_field' value='1'  > Check Me
	
</form>
       	
	</body>
</html>

JavaScript

$('#cb_field').change(function() 
		{
			alert('change in cb_field detected...');
			if ($('cb_field').prop('checked')) 
			{
				alert('cb_field IS checked!');
			} else {
				alert('cb_field is NOT checked!');
			}

		});