RSS

Javascript function for multiplication in table dynamically

01 Sep

Consider the table will be generated dynamically like below,

For ex,

var table = document.getElementById(“DynamicTable”);//In this div, you have to put table tag.
for (var i = 0; i <= rowLength; i++) {
var row = table.insertRow(i);
for (var j = 0; j < columnLength + extraColumns; j++) {
var col = row.insertCell(j);
col.innerHTML = “<input type=’text’ onkeyup=’GetSelectedRow(this)’/>’;
}
}

Then function will be follows,

function GetSelectedRow(txt) {
var row = txt.parentNode.parentNode;
var price = Number(row.cells[0].getElementsByTagName(“input”)[0].value);
var qty = Number(row.cells[1].getElementsByTagName(“input”)[0].value);
var Total = price * qty;
row.cells[2].innerHTML = Total;
}

 
Leave a comment

Posted by on September 1, 2012 in Javascript

 

Leave a comment