JSFiddle - React, Tailwind, and code Playground

HTML

<input id ='cb' type='checkbox' />

<button id='btn'> toggle</button>

JavaScript

$('cb').watch("checked", function(){
   console.log('Checked state changed from script', arguments);
   return true;
});

$('btn').onclick = function() {
    console.log($('cb').checked);
   $('cb').checked = !$('cb').checked;
   console.log($('cb').checked);
};
    
$('cb').onchange = function() {
  console.log('Checked state changed from the UI', arguments);
};