JSFiddle - React, Tailwind, and code Playground

by Juan Muñoz

HTML

<div class="inputs">
  <p>
      <input type="hidden" id='hidden1' value='555'>
      <input type="hidden" id='hidden2' value='777'>
      <input type="hidden" id='hidden3' value='999'>
    <input type="checkbox" id='chk1' onchange='evento()'>
      <input type="text" id='txt1' onblur='haceAlgo();'><br>
    <input type="checkbox" id='chk1' onchange='evento()'>
      <input type="text" id='txt2' onblur='haceAlgo();'><br>
    <input type="checkbox" id='chk1' onchange='evento()'>
      <input type="text" id='txt3' onblur='haceAlgo();'>
  </p>
</div>
<div id="focus-count">focusout fire</div>
<div id="blur-count" >blur fire</div>

CSS

.inputs {
    float: left;
    margin-right: 1em;
  }
  .inputs p {
    margin-top: 0;
  }

JavaScript

$(document).ready(function (){
    $('input:checkbox').change(function (){
        if(        
    });
    
});