tengo una tabla html, a la cual le tengo un boton agregar, el cual agrega celdas a la tabla. mi problema consiste en que yo necesito ir ingresando valores en estas celdas y se me deben ir sumando.. y esto lo que no logro hacer...
Funcion que agregar las celdas a la tabla.
Código Javascript:
Ver original
function myCreateFunction() { var table = document.getElementById("myTable"); var row = table.insertRow(1); var fila = table.insertRow(1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); var cell2 = row.insertCell(1); var cell3 = row.insertCell(1); var cell4 = row.insertCell(1); var cell5 = row.insertCell(1); var cell6 = row.insertCell(1); var cell7 = row.insertCell(1); var cell8 = row.insertCell(1); var cell9 = row.insertCell(1); var cell10 = row.insertCell(1); var cell11 = row.insertCell(1); cell1.innerHTML += '<input type="text" id="cCodCuenta" name="cCodCuenta[]" style="width:80px" onkeyup="inicio();" >'; cell2.innerHTML += '<input type="button" id="borrar" onClick="borrar();" class="borrar" style = "background:red;color:white;" style="width:50px" value="-">'; $(function () { $(document).on('click', '.borrar', function (event) { event.preventDefault(); $(this).closest('tr').remove(); }); }); cell3.innerHTML += '<select id="sucursal" id="txtSucursal" name="txtSucursal[]">' + '<option value="0">Seleccione</option>' + '<option value="10">ANTOFAGASTA</option>' + '<option value="31">ASIGNABLES</option>' + '<option value="4">BUIN</option>' + '<option value="1">CASA MATRIZ</option>' + '<option value="21">CHILLAN</option>' + '<option value="20">CONCEPCION</option>' + '<option value="22">COPIAPO</option>' + '<option value="3">CURACAVI</option>' + '<option value="24">CURICO</option>' + '<option value="11">IQUIQUE</option>' + '<option value="9">LA SERENA</option>' + '<option value="33">MELIPILLA</option>' + '<option value="8">OSORNO</option>' + '<option value="18">OVALLE</option>' + '<option value="26">PUERTO MONTT</option>' + '<option value="17">QUILLOTA</option>' + '<option value="14">RANCAGUA</option>' + '<option value="13">SAN FERNANDO</option>' + '<option value="7">SAN VICENTE TT</option>' + '<option value="30">SANTA CRUZ</option>' + '<option value="25">SANTIAGO CENTRO</option>' + '<option value="12">TALAGANTE</option>' + '<option value="27">TALCA</option>' + '<option value="23">TEMUCO</option>' + '<option value="6">VALPARAISO</option>' ; cell4.innerHTML += '<select id="departamento" id="txtDepartamento" name="txtDepartamento[]">' + '<option value="0">Seleccione</option>' + '<option value="1">Informatica</option>' + '<option value="2">Operaciones</option>' + '<option value="3">Riesgo</option>' + '<option value="4">Archivo</option>' + '<option value="5">Recursos Humanos</option>' + '<option value="6">Contabilidad</option>'; cell5.innerHTML += '<select id="txtGerencia" name="txtGerencia[]">' + '<option value="0">Seleccione</option>' + '<option value="1">General</option>' + '<option value="2">Informatica</option>' + '<option value="3">Riesgo</option>'; cell6.innerHTML += '<input type="text" name="txtnDocumento[]" style="width:90px" >'; cell7.innerHTML += '<select id="tDocumento" name="tDocumento[]" >' + '<option value="0">Seleccione</option>' + '<option value="Cheque">Cheque</option>' + '<option value="Letra">Letra</option>' + '<option value="Pagaré">Pagaré</option>' + '<option value="Vale Vista">Vale Vista</option>' + '<option value="Depósito">Depósito</option>' + '<option value="Sin Documento">Sin Documento</option>'; cell8.innerHTML += '<input type="text" id="txtgParticular" name="txtgParticular[]" style="width:85px">'; cell9.innerHTML += '<input type="text" id="txtvHaber" onkeyup="total2();" name="txtvHaber[]" style="width:90px" >'; cell10.innerHTML += '<input type="text" id="txtvDebe" onkeyup="total();" name="txtvDebe[]" style="width:90px" >'; cell11.innerHTML += '<input type="text" id="txtnCuenta" name="txtnCuenta[]" readonly>'; }
Funcion donde intento realizar la suma..
Código Javascript:
Ver original
function total(){ var vDebe = document.getElementById('txtvDebe').value; arr = []; vDebe2 = arr.push(vDebe); console.log(vDebe2.length); for(i=0;i<arr.length;i++){ sum2 = sum2 + parseInt(arr[i]); document.getElementById('vDebe2').value=sum2; }
que es lo que hago aqui.. rescato los valores por id de la celda "txtvDebe".. y los almaceno ( algo así como una pila)..
y luego recorro y sumo.. cual es el problema.. es que no suma correctamente..
no se limpia el arreglo.. no vuelve a cero... y eso es lo que necesito..
ya que por ejemplo si en una celda digito un 1 pero me equivoco y lo quiero cambiar por un 2, en vez de mantener el 2 me suma y me muestra 3...
espero me puedan ayudar.. saludos