JSFiddle - React, Tailwind, and code Playground

by baximilian

HTML

<p><span>Efectivo X: </span><input type="text" class="montox numero caja1" name="mefectx" id="mefectx" maxlength="10" placeholder="0" value='12'/>&nbsp;<input type="text" class="montox numero caja2" name="mefectx" id="mefectx" maxlength="10" placeholder="0"/></p>
        <p><span>Tarjeta de Cr&eacute;dito X: </span><input type="text" class="montox numero caja1" name="mtdcx" id="mtdcx" maxlength="10" placeholder="0"/>&nbsp;<input type="text" class="montox numero caja2" name="mtdcx" id="mtdcx" maxlength="10" placeholder="0"/></p>

JavaScript

var montosx = 0;
$('.montox.caja1').each(function(el){montosx +  $(el.targetElement).val()});
        //$('#tcajax').val(montosx);

console.log(montosx)