Tema: Calculo por Seleccion de Checkbox (No dinámico/No estático)
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 23/10/2014, 08:12
dgrvedado
 
Fecha de Ingreso: diciembre-2010
Ubicación: Asunción
Mensajes: 41
Antigüedad: 13 años, 4 meses
Puntos: 1
Respuesta: Calculo por Seleccion de Checkbox (No dinámico/No estático)
Se me ocurre mejor mostrarte una salida HTML...

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <title>Sisterma de Reportes</title>
  4. <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  5. <!--script type="text/javascript" src="js/jquery.js"></script-->
  6. <script type="text/javascript">
  7.     function abrir(url) {
  8.         open(url,'printing','');
  9.     }   
  10. </script>
  11. <style type="text/css">
  12.     input, select, table {
  13.         height: 20px; 
  14.         font-size: 10px;
  15.         font-weight: bold;
  16.         font-family: arial;
  17.         color: black;
  18.         margin: 0;
  19.         padding: 0pt; 
  20.         float: none;
  21.         vertical-align: middle;
  22.     }
  23. </style>
  24. </head>
  25. <body>
  26. <div align="center" style="font-size: 14px; font-family: arial;">
  27. <b>Simulador de Intereses</b>
  28. <table width="100%" style="font-size: 12px;">
  29.     <tr>
  30.         <td  align="center" width="50%">
  31.             <form method="post" action="">
  32.                 RUC: <input type="text" name="cedula" size="10" /><br />
  33.                 Empresa: <select name="empresa">
  34.                         <option value="A">A</option>
  35.                         <option value="B">B</option>
  36.                         <option value="C">C</option>
  37.                         <option value="D">D</option>
  38.                         </select><br /> 
  39.                 <input type="submit" name="submit" value="Comenzar" /><br />
  40.                 <input type="button" name="sim_libre" value="Simulador Libre" onclick="abrir('sim_libre.php');" />
  41.             </form>
  42.         </td>
  43.         <td width="50%">
  44. Nombre: FULANA DE TAL<br />Balance: GS 4,218,500<br />Ruc: XXXXXX-X<br />       
  45.         </td>
  46.     </tr>
  47. </table>
  48. <hr />
  49. <table width="100%">
  50.     <tr>
  51.         <td align="center">
  52.         <table border="1" cellspacing="0" cellpading="0">
  53.             <tr bgcolor="00D1FF">
  54.                 <th>No. Factura</th>
  55.                 <th>Stock</th>
  56.                 <th>Monto</th>
  57.                 <th>Cuotas</th>
  58.                 <th>Fecha Otorgado</th>
  59.                 <th>Fecha Vencimiento</th>
  60.                 <th>Moneda</th>
  61.                 <th>Ver</th>
  62.             </tr>
  63.         
  64.             <tr>                
  65.                 <td>001-001-0000821</td>
  66.                 <td></td>
  67.                 <td align="right">
  68.                     4,602,000               </td>
  69.                 <td align="center">12</td>
  70.                 <td align="center">06/06/2014</td>
  71.                 <td align="center">30/06/2015</td>
  72.                 <td>GS</td>
  73.                 <td><a href="estado.php?id=XXXX&bd=A&mo=GS" target="_blank">Detalle</a></td>
  74.             </tr>
  75.         </table>
  76.         </td>
  77.         <td>
  78.             <table border="0">
  79.                 <tr valign="top">
  80.                     <td>Capital:</td>
  81.                     <td><input type="text" id="total_cuota" /></td>
  82.                 </tr>
  83.                 <tr valign="top">
  84.                     <td>Total de Interés:</td>
  85.                     <td><input type="text" id="total_interes" /></td>
  86.                 </tr>
  87.                 <tr valign="middle">
  88.                     <td><input type="checkbox" id="honorarios" /> Honorarios Judiciales 10%:</td>
  89.                     <td><input type="text" id="total_honorarios" /></td>
  90.                 </tr>
  91.                 <tr valign="top">
  92.                     <td>Total a Pagar:</td>
  93.                     <td><input type="text" id="total_pagar" /></td>
  94.                 </tr>
  95.             </table>
  96.         </td>
  97.     </tr>
  98. </table>
  99. <br />
  100. <table border="1" cellspacing="0" cellpading="0" width="100%">
  101. <tr bgcolor="00D1FF">
  102. <th>Selec.</th>
  103. <th>No. Cuota</th>
  104. <th>Stock</th>
  105. <th>Fecha Vto.</th>
  106. <th>Fecha Pago</th>
  107. <th>Dias de Diferencia</th>
  108. <th>Monto Cuota</th>
  109. <th>Monto Interés</th>
  110. <th>Total a Pagar</th>
  111. </tr>
  112. <tr align="center">
  113. <td><input type = "checkbox" onclick = "sumar()" /></td>
  114. <td><input type="text" id="cuota_lin1" value="2" size="2" disabled="disabled" /></td>
  115. <td><input type="text" id="stock_lin1" value="" size="6" disabled="disabled" /></td>
  116. <td><input type="text" id="vcto_lin1" value="30/08/2014" size="10" disabled="disabled" /></td>
  117. <td><input type="text" id="hoy_lin1" value="23/10/2014" size="10" disabled="disabled" /></td>
  118. <td><input type="text" id="diasdif_lin1" value="53" size="4" disabled="disabled" /> días</td>
  119. <td class = "monto_cuota_lin">383,500</td>
  120. <td><input type="text" id="monto_int_lin" value="20,326" size="6" disabled="disabled" /></td>
  121. <td><input type="text" id="pago_lin1" value="403,826" size="10" disabled="disabled" /></td>
  122. </tr>
  123. <tr align="center">
  124. <td><input type = "checkbox" onclick = "sumar()" /></td>
  125. <td><input type="text" id="cuota_lin2" value="3" size="2" disabled="disabled" /></td>
  126. <td><input type="text" id="stock_lin2" value="" size="6" disabled="disabled" /></td>
  127. <td><input type="text" id="vcto_lin2" value="30/09/2014" size="10" disabled="disabled" /></td>
  128. <td><input type="text" id="hoy_lin2" value="23/10/2014" size="10" disabled="disabled" /></td>
  129. <td><input type="text" id="diasdif_lin2" value="22" size="4" disabled="disabled" /> días</td>
  130. <td class = "monto_cuota_lin">383,500</td>
  131. <td><input type="text" id="monto_int_lin" value="8,437" size="6" disabled="disabled" /></td>
  132. <td><input type="text" id="pago_lin2" value="391,937" size="10" disabled="disabled" /></td>
  133. </tr>
  134. <tr align="center">
  135. <td><input type = "checkbox" onclick = "sumar()" /></td>
  136. <td><input type="text" id="cuota_lin3" value="4" size="2" disabled="disabled" /></td>
  137. <td><input type="text" id="stock_lin3" value="" size="6" disabled="disabled" /></td>
  138. <td><input type="text" id="vcto_lin3" value="30/10/2014" size="10" disabled="disabled" /></td>
  139. <td><input type="text" id="hoy_lin3" value="23/10/2014" size="10" disabled="disabled" /></td>
  140. <td><input type="text" id="diasdif_lin3" value="-7" size="4" disabled="disabled" /> días</td>
  141. <td class = "monto_cuota_lin">383,500</td>
  142. <td><input type="text" id="monto_int_lin" value="-886" size="6" disabled="disabled" /></td>
  143. <td><input type="text" id="pago_lin3" value="382,614" size="10" disabled="disabled" /></td>
  144. </tr>
  145. <tr align="center">
  146. <td><input type = "checkbox" onclick = "sumar()" /></td>
  147. <td><input type="text" id="cuota_lin4" value="5" size="2" disabled="disabled" /></td>
  148. <td><input type="text" id="stock_lin4" value="" size="6" disabled="disabled" /></td>
  149. <td><input type="text" id="vcto_lin4" value="30/11/2014" size="10" disabled="disabled" /></td>
  150. <td><input type="text" id="hoy_lin4" value="23/10/2014" size="10" disabled="disabled" /></td>
  151. <td><input type="text" id="diasdif_lin4" value="-38" size="4" disabled="disabled" /> días</td>
  152. <td class = "monto_cuota_lin">383,500</td>
  153. <td><input type="text" id="monto_int_lin" value="-4,809" size="6" disabled="disabled" /></td>
  154. <td><input type="text" id="pago_lin4" value="378,691" size="10" disabled="disabled" /></td>
  155. </tr>
  156. <tr align="center">
  157. <td><input type = "checkbox" onclick = "sumar()" /></td>
  158. <td><input type="text" id="cuota_lin5" value="6" size="2" disabled="disabled" /></td>
  159. <td><input type="text" id="stock_lin5" value="" size="6" disabled="disabled" /></td>
  160. <td><input type="text" id="vcto_lin5" value="30/12/2014" size="10" disabled="disabled" /></td>
  161. <td><input type="text" id="hoy_lin5" value="23/10/2014" size="10" disabled="disabled" /></td>
  162. <td><input type="text" id="diasdif_lin5" value="-68" size="4" disabled="disabled" /> días</td>
  163. <td class = "monto_cuota_lin">383,500</td>
  164. <td><input type="text" id="monto_int_lin" value="-8,606" size="6" disabled="disabled" /></td>
  165. <td><input type="text" id="pago_lin5" value="374,894" size="10" disabled="disabled" /></td>
  166. </tr>
  167. <tr align="center">
  168. <td><input type = "checkbox" onclick = "sumar()" /></td>
  169. <td><input type="text" id="cuota_lin6" value="7" size="2" disabled="disabled" /></td>
  170. <td><input type="text" id="stock_lin6" value="" size="6" disabled="disabled" /></td>
  171. <td><input type="text" id="vcto_lin6" value="30/01/2015" size="10" disabled="disabled" /></td>
  172. <td><input type="text" id="hoy_lin6" value="23/10/2014" size="10" disabled="disabled" /></td>
  173. <td><input type="text" id="diasdif_lin6" value="-99" size="4" disabled="disabled" /> días</td>
  174. <td class = "monto_cuota_lin">383,500</td>
  175. <td><input type="text" id="monto_int_lin" value="-12,529" size="6" disabled="disabled" /></td>
  176. <td><input type="text" id="pago_lin6" value="370,971" size="10" disabled="disabled" /></td>
  177. </tr>
  178. </table>
  179. </td>
  180. </tr>
  181. </table>
  182. </div>
  183. <script>
  184. function sumar(){
  185.     var checks = document.querySelectorAll(":checked"),
  186.         total = checks.length,
  187.         suma = 0;
  188.     for (var i = 0; i < total; i++){
  189.         var celda = checks[i].parentNode,
  190.             fila = celda.parentNode,
  191.             monto = fila.querySelector(".monto_cuota_lin").innerHTML;
  192.         monto = Number(monto.replace(",", ""));
  193.         suma += monto;
  194.     }
  195.     alert(suma);
  196. }
  197. </script>
  198. </body>
  199. </html>

No debería dar problemas, el debug me sigue mostrando el error.

Saludos