Tengo la siguiente tabla, al seleccionar el checkbox quiero poder multiplicar la cantidad cambiando el total de esa linea dependiendo del valor del checkbox.
Ejemplo la primera fila tiene una cantidad 2
y el checkbox tiene un múltiplo por 6
, al seleccionar el checkbox la linea total quedaria en 12
.
function checkbox_multiplo(checkboxElem) {
if (checkboxElem.checked) {
alert('Cambiar total');
} else {
alert('Resetear total');
}
}
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<table id="mytable" class="table table-bordered text-center table-sm">
<thead>
<tr class="table-info">
<th width="5%">Cantidad</th>
<th width="5%">Promedio</th>
<th width="5%">Total</th>
<th width="3%"> </th>
</tr>
</thead>
<tbody>
<tr>
<td>2</td>
<td>0,50</td>
<td>2</td>
<td style="text-align: center; vertical-align: middle;">
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" name="Escoge" class="custom-control-input" id="1" onchange="checkbox_multiplo(this)">
<label class="custom-control-label" for="1">6</label>
</div>
</td>
</tr>
<tr>
<td>6</td>
<td>0,50</td>
<td>6</td>
<td style="text-align: center; vertical-align: middle;">
<div class="custom-control custom-checkbox custom-control-inline">
<input type="checkbox" name="Escoge" class="custom-control-input" id="2" onchange="checkbox_multiplo(this)">
<label class="custom-control-label" for="2">5</label>
</div>
</td>
</tr>
</tbody>
</table>
Espero haberme explicado bien. Saludos.