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 comprobar(target) {
      var textInput = document.getElementById("name" + target.id);
      if (target.checked) {
        textInput.value = "1";
      } else {
        textInput.value = " ";
      }
    }


    // FUNÇÃO
    $(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'));  
    }

    var btnVisualizar = document.getElementById("enviar");

    btnVisualizar.addEventListener("click", function(){
    btnVisualizar = window.open("https://api.whatsapp.com/send?phone=529851153745&text='Solicito:   '" + totalParts );
    }

<!-- language: lang-html -->

    <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="22" class="mis-checkboxes" />
    													<label for="CLASE1"></label>
    												</td>
                            <td>
    													<input  type="checkbox" id="CLASE2" name="CLASE1" onChange="comprobar(this);" tu-attr-precio="22" class="mis-checkboxes" />
    													<label for="CLASE1"></label>
    												</td>
    												<td>
    												    <input type="text" id="CLASE1" onclick="this.select();" />
    												</td>
                            <td>
    												    <input type="text" id="CLASE2" onclick="this.select();" />
    												</td>
    											</tr>
    											<?php } } ?>
    										
    										</tbody>
    									</table>
    								</div>
    								
    	                               <div class="table-wrapper">
    									<table class="alt1">
    										<tbody>
                                            <tr  style="font-size: 23px">
                                            <td class="wabi">TOTAL A PAGAR</td>
    										<td class="cheq"></td>
    										<td style="aling-text: center" class="cheq" ><output type="text" readonly id="total" placeholder="0.00" /></td>
    										</tr>
    										</tbody>
    									</table>
    								</div>

    						</div>
    					</div>
    				</div>

<!-- end snippet -->


  [1]: https://i.sstatic.net/LCfmD.png