CP_row_sum

CP_row_sum

by bryiantan

HTML

<script language="javascript">
		
		function addRow(tableID) {

			var table = document.getElementById(tableID);

			var rowCount = table.rows.length;
			var row = table.insertRow(rowCount-2);

			var cell1 = row.insertCell(0);
			var element1 = document.createElement("input");
			element1.type = "checkbox";
			element1.name="chkbox[]";
			cell1.appendChild(element1);

			var cell2 = row.insertCell(1);
			var element3 = document.createElement("input");
			element3.type = "text";
			element3.name = "amount";
			//getSum(tableID);
      
      /*element3.addEventListener("change", function(){
  getSum(tableID);
}); */
      
			cell2.appendChild(element3);

			var cell3 = row.insertCell(2);
			var element2 = document.createElement("input");
			element2.type = "text";
			element2.name = "description";
			cell3.appendChild(element2);


		}

		function deleteRow(tableID) {
			try {
			var table = document.getElementById(tableID);
			var rowCount = table.rows.length;

			for(var i=0; i<rowCount; i++) {
				var row = table.rows[i];
				var chkbox = row.cells[0].childNodes[0];
				if(null != chkbox && true == chkbox.checked) {
					table.deleteRow(i);
					rowCount--;
					i--;
				}


			}
			}catch(e) {
				alert(e);
			}
		}
		
		function getSum(tableID) 
		{
			var table = document.getElementById(tableID);
			var sumVal = 0;

			for(var i=1; i < table.rows.length-1; i++)
				{
        	let innerCell = table.rows[i].cells[1];
        	let textBox = innerCell.getElementsByTagName("input")[0];
         
          sumVal = sumVal + parseInt(textBox.value);
				}
			document.getElementById("debitT").value = sumVal;
		}
</script>
<br>
				<input type="button" value="Add Row" onclick="addRow('dataTable')" style="background-color:green;"/>
				<input type="button" value="Delete Row" onclick="deleteRow('dataTable')" style="background-color:red;"/>
				<br>
				<table align="right" id="dataTable" border="1"...