JSFiddle - React, Tailwind, and code Playground

HTML

<p>Click the button to loop through a block of code as long as i is less than 10.</p>
input_188
<input type="text" id="input_188">
</br>
input_190
<input type="text" id="input_190">
</br>
input_189
<input type="text" id="input_189">
</br>


input_806
<input type="text" id="input_806">
</br>
<input type="checkbox" onclick=atPedido( "colocar", "a") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="A" />colocar A </br>
<input type="checkbox" onclick=atPedido( "colocar", "b") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="B" />colocar B </br>
<input type="checkbox" onclick=atPedido( "colocar", "c") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="C" />colocar C </br>
<input type="checkbox" onclick=atPedido( "colocar", "d") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="D" />colocar D </br>
<input type="checkbox" onclick=atPedido( "colocar", "e") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="E" />colocar E </br>
<input type="checkbox" onclick=atPedido( "colocar", "f") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="F" />colocar F </br>
<input type="checkbox" onclick=atPedido( "colocar", "g") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="G" />colocar G </br>
<input type="checkbox" onclick=atPedido( "colocar", "h") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="H" />colocar H </br>
<input type="checkbox" onclick=atPedido( "colocar", "i") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="I" />colocar I </br>
<input type="checkbox" onclick=atPedido( "colocar", "j") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="J" />colocar J </br>
<input type="checkbox" onclick=atPedido( "colocar", "k") class="form-checkbox" id="input_323_0" name="input_fim_pedido[]" value="K" />colocar K </br>
<input type="checkbox" onclick=atPedido( "colocar",...

CSS

.escolhido input[type="checkbox"] {
	display: none;
}

JavaScript

document.body.addEventListener('click', function(e) {
    if (!e.target.matches('input[type="checkbox"]')) return;
	e.target.parentElement.classList.add('escolhido');
});