<HTML> <HEAD> <TITLE> Add/Remove dynamic rows in HTML table </TITLE> <link rel="stylesheet" type="text/css" href="style.css"> <SCRIPT language="javascript"> function addRow(tableID) { var table = document.getElementById(tableID); var rowCount = table.rows.length; var row = table.insertRow(rowCount); var colCount = table.rows[0].cells.length; for(var i=0; i < colCount; i++) { var newcell = row.insertCell(i), cellNode =null; newcell.innerHTML = table.rows[0].cells[i].innerHTML; cellNode = newcell.childNodes[0]; switch(cellNode.type) { case "checkbox": cellNode.checked = false; cellNode.id = "checkBox_"+i; cellNode.></SCRIPT> </HEAD> <BODY> <div class="createPerson"> <h2> Add New Person </h2> <ul class="newPerson"> <li class="liPerson">First Name:<input type="textbox" name="fName" /> </li> <br> <li class="liPerson">Last Name: <input type="textbox" name ="lName" /></li> </div> <br><br> <div> <TABLE id="dataTable" cellspacing="0" borderspacing='1' style='border: solid 1px black'> <tr id="g"> <TD><INPUT type="checkbox" name="chk" id='checkBox_0' onclick="highlight(document.getElementById('checkBox_0'), document.getElementById('g'))" /></TD> <th id="fName">First Name</th> <th>Last Name</th> </tr> </TABLE> <INPUT type="button" value="Delete Checked People" class="btnDelete" onclick="deleteRow('dataTable')" /> <INPUT type="button" value="Add Person" class="btnAdd" onclick="addRow('dataTable')" /> </div> </BODY> </HTML>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)