Sumar dos columnas en un Tabular Form
El siguiente código de Javascript recibirá 3 parámetros, el id de la fila que se sumará, las dos columnas que se sumarán y la columna donde se guardará el resultado.
Ahora en la columna del taublar form colocaremos el llamado a la función de JavaScript. para ello colocamos la siguiente linea en Atributos de elemento en los atributos de las columnas que queremos sumar.
Para saber el id de las columnas podemos usar la función "Inspeccionar elemento" que tiene la mayoría de exploradores (Para Firefox oprimir F12 ) y ver la propiedad Name.... por ejemplo, el primer item tiene name="f02", por lo cual el id será '02' y es uno de los parámetros que debemos enviar. Despues de esto todo funcionará y celebrarán como Kashiyuka ^-^
function sumaTabularForm(id, c1,c2,c3){ //suma dos columnas de un tabular form (c1, c2) // y el resultado lo almacena en una columna (c3) //c1, c2, Columnas que se van a sumar //c3 Columna en la que se almacena el resultado // Obtener la fila en la que se realiza la operación var row= id.slice(4); // Obtener los valores como números. var val1 = document.getElementById("f"+c1+"_"+row); var val2 = document.getElementById("f"+c2+"_"+row); // sumar (restar multiplicar o lo que quieran hacer con las columnas...) var total = val1 + val2; //Asignar el resultado en la columna de respuesta. document.getElementById("f"+c3+"_"+row).value = total; }
Ahora en la columna del taublar form colocaremos el llamado a la función de JavaScript. para ello colocamos la siguiente linea en Atributos de elemento en los atributos de las columnas que queremos sumar.
sumaTabularForm(this.id,'02','03','04');
Para saber el id de las columnas podemos usar la función "Inspeccionar elemento" que tiene la mayoría de exploradores (Para Firefox oprimir F12 ) y ver la propiedad Name.... por ejemplo, el primer item tiene name="f02", por lo cual el id será '02' y es uno de los parámetros que debemos enviar. Despues de esto todo funcionará y celebrarán como Kashiyuka ^-^
Comments
Post a Comment