Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <HTML>
- <HEAD>
- <TITLE> Add/Remove dynamic rows in HTML table </TITLE>
- <SCRIPT language="javascript">
- function addRow(tableID) {
- var table = document.getElementById(tableID);
- var TTT = 1;
- //var cell1 = row.insertCell(0);
- //var element1 = document.createElement("input");
- //element1.type = "checkbox";
- //element1.name="chkbox[]";
- var KD = document.getElementById('KODE').value;
- var JD = document.getElementById('JUDUL').value;
- var JM = document.getElementById('JUMLAH').value;
- var HG = document.getElementById('HARGA').value;
- var TT = JM * HG;
- //var TC += TT;
- //alert(KD);
- var rowCount = table.rows.length;
- var row = table.insertRow(rowCount);
- var cell1 = row.insertCell(0);
- cell1.innerHTML = rowCount + 1;
- var KD_ = row.insertCell(1);
- KD_.innerHTML = KD;
- var JD_ = row.insertCell(2);
- JD_.innerHTML = JD;
- var JM_ = row.insertCell(3);
- JM_.innerHTML = JM;
- var HG_ = row.insertCell(4);
- HG_.innerHTML = HG;
- row.insertCell(5).innerHTML = TT;
- }
- </SCRIPT>
- <style type="text/css">
- body{
- background-color: #EAEAEA;
- }
- </style>
- </HEAD>
- <BODY>
- <input type="text" name="KODE" id="KODE" value="buku a"> <br />
- <input type="text" name="JUDUL" id="JUDUL" value="JUDUL"><br />
- <input type="text" name="HARGA" id="HARGA" value="1000"><br />
- <input type="text" name="JUMLAH" id="JUMLAH" value="2"><br />
- <br />
- <INPUT type="button" value="OK" onclick="addRow('kucinghilang')" />
- <TABLE id="kucinghilang" width="350px" border="1">
- <TR>
- <TD> NO</TD>
- <TD> KODE </TD>
- <TD> JUDUL </TD>
- <TD> HARGA </TD>
- <TD> JMLAH </TD>
- <TD> TOTAL </TD>
- </TR>
- </TABLE>
- <br />
- <input type="text" name="TTT" id="TTT" value="TOTAL:">
- </BODY>
- </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement