JavaScript 实现动态表格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title>Untitled</title></head><body>Hello World!<br/><input type="text" name="user" id="user" /><input type="text" name="pass" id="pass" /><input type="button" value="addRow" /><table id="testTable" border="1"><tr><td width='150'>User</td><td width='150'>Pass</td><td width='50'>Number</td></tr></table><script language="javascript" type="text/javascript"><!--var i = 0;function addRow(){var t = document.getElementByIdx_x("testTable");var rows = t.rows.length;var row = t.insertRow(rows);var col = row.insertCell(0);var col2 = row.insertCell(1);var col3 = row.insertCell(2);col.innerText = document.getElementByIdx_x("user").value;col2.innerText = document.getElementByIdx_x("pass").value;var strChe = "<input type='checkbox' name='che' value='" + i + "' onclick='alert(this.value)'>编辑</input>";col3.innerHTML = strChe;i++;}//--></script><input type="button"value="Button"></input></body></html>
页:
[1]