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.[![introducir la descripción de la imagen aquí][1]][1] Lo he intentado de varias formas y no entiendo cómo hacerlo. si algún experto puede ayudarme, estoy inmensamente agradecido. <!-- begin snippet: js hide: false console: true babel: false --> <!-- language: lang-js --> function comprobar(target) { var textInput = document.getElementById("name" + target.id); if (target.checked) { textInput.value = "1"; } else { textInput.value = " "; } } var tabela = document.getElementById("minhaTabela"); var linhas = tabela.getElementsByTagName("tr"); for(var i = 0; i < linhas.length; i++){ var linha = linhas[i]; linha.addEventListener("click", function(){ //Adicionar ao atual selLinha(this, true); //Selecione apenas um //selLinha(this, true); //Selecione quantos quiser }); } /** Caso passe true, você pode selecionar multiplas linhas. Caso passe false, você só pode selecionar uma linha por vez. **/ function selLinha(linha, multiplos){ if(!multiplos){ var linhas = linha.parentElement.getElementsByTagName("tr"); for(var i = 0; i < linhas.length; i++){ var linha_ = linhas[i]; linha_.classList.remove("selecionado"); } } linha.classList.toggle("selecionado"); } /** Exemplo de como capturar os dados **/ var btnVisualizar = document.getElementById("visualizarDados"); btnVisualizar.addEventListener("click", function(){ var selecionados = tabela.getElementsByClassName("selecionado"); //Verificar se eestá selecionado if(selecionados.length < 1){ alert("Por favor seleccione al menos una línea."); return false; } var dados = ""; var total=0; for(var i = 0; i < selecionados.length; i++){ var selecionado = selecionados[i]; selecionado = selecionado.getElementsByTagName("td"); dados += " / " + selecionado[0].innerHTML + " - " + selecionado[1].innerHTML + " - Precio: " + selecionado[3].innerHTML +"\n"; total += (selecionado[3].innerHTML * selecionado[1].innerHTML); } <!-- language: lang-html --> <div class="inner3"> <div class="wrapper style1"> <div class="content"> <div class="table-wrapper"> <table class="alt1" id="minhaTabela"> <tbody> <?php $conn = "SELECT * FROM produtos where emp_id = {$cat_id}"; $resultado_produto = mysqli_query($con,$conn) or die("Erro ao retornar dados"); while($row = $resultado_produto->fetch_array(MYSQLI_ASSOC)) { $prd_id = $row['prd_id']; ?> <tr> <td class="wabi"><?php echo $row['prd_nome'];?><p style="font-size: 11px"><?php echo $row['descricao'];?></p> </td> <td style="display:none;" class="precio" id="precio<?php echo $row['prd_precio'];?>" ></td> <td class="cheq"> <input type="checkbox" id="<?php echo $row['prd_id'];?>" name="<?php echo $row['prd_id'];?>" onChange="comprobar(this);" value="<?php echo $row['prd_precio'];?>" onclick="actualizarValor(this.checked, this.value);" /> <label for="<?php echo $row['prd_id'];?>"></label> </td> <td class="cheq"> <input class="qtd" type="text" id="name<?php echo $row['prd_id'];?>" onclick="this.select();" /> </td> </tr> <?php } } ?> </tbody> </table> </div> <!-- end snippet --> [1]: https://i.sstatic.net/LCfmD.png