Amigos Tengo un código que utilizo para seleccionar una o varias filas de la tabla, multiplicar entre dos de ellas y sumarlas todas para enviar. Pero quiero cambiar el modo de selección para usar "CHECKBOX". El resultado que busco es poder marcar cada casilla de verificación (que automáticamente suma el valor 1 al ingreso de la misma línea), pero con la opción de que la persona cambie esta cantidad, pero abajo, en tiempo real aparece la suma de los precios multiplicada por la cantidad de cada línea. Lo he intentado de varias formas y no entiendo cómo hacerlo. si algún experto puede ayudarme, estoy inmensamente agradecido.
function comprobar(target) {
var textInput = document.getElementById("name" + target.id);
if (target.checked) {
textInput.value = "1";
} else {
textInput.value = " ";
}
}
$(document).ready(function() {
$(document).on('click keyup','.mis-checkboxes,.mis-adicionales',function() {
calcular();
});
});
function calcular() {
var tot = $('#total');
tot.val(0);
$('.mis-checkboxes,.mis-adicionales').each(function() {
if($(this).hasClass('mis-checkboxes')) {
tot.val(($(this).is(':checked') ? parseFloat($(this).attr('tu-attr-precio')) : 0) + parseFloat(tot.val()));
}
else {
tot.val(parseFloat(tot.val()) + (isNaN(parseFloat($(this).val())) ? 0 : parseFloat($(this).val())));
}
});
var totalParts = parseFloat(tot.val()).toFixed(2).split('.');
tot.val('$' + totalParts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + '.' + (totalParts.length > 1 ? totalParts[1] : '00'));
}
<div class="inner3">
<div class="wrapper style1">
<div class="content">
<div class="table-wrapper">
<table class="alt1">
<tbody>
<tr>
<td>NOME</td>
<td>
<input type="checkbox" id="CLASE1" name="CLASE1" onChange="comprobar(this);" tu-attr-precio="12.3" class="mis-checkboxes" />
<label for="CLASE1"></label>
</td>
<td>
<input type="text" id="name.php1" onclick="this.select();" class="mis-adicionales" />
</td>
<td>
<input type="checkbox" id="CLASE2" name="CLASE2" onChange="comprobar(this);" tu-attr-precio="3.5" class="mis-checkboxes" />
<label for="CLASE2"></label>
</td>
<td>
<input type="text" id="name.php2" onclick="this.select();" class="mis-adicionales" />
</td>
</tr>
</tbody>
</table>
</div>
<div class="table-wrapper">
<table class="alt1">
<tbody>
<tr style="font-size: 23px">
<td class="wabi">TOTAL A PAGAR</td>
<td></td>
<td style="aling-text: center"><output type="text" readonly id="total" placeholder="0.00" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>