如何解决动态表中的Onclick当前时间
我有一个表,可以添加和删除行,最后一列是当前时间onclick函数。这适用于第一行,但之后仅更新第一行。我需要的是每一行都像第一行一样显示单击的当前时间。我试图对此进行许多搜索,并认为它可能与使用ID而不是使用类有关……也许?但是我尝试的所有方法都没有。
<HTML>
<HEAD>
<TITLE>Time Onclick</TITLE>
<SCRIPT>
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);
newcell.innerHTML = table.rows[0].cells[i].innerHTML;
//alert(newcell.childNodes);
switch(newcell.childNodes[0].type) {
case "text":
newcell.childNodes[0].value = "";
break;
case "checkBox":
newcell.childNodes[0].checked = false;
break;
}
}
}
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) {
if(rowCount <= 1) {
alert("Cannot delete all the rows.");
break;
}
table.deleteRow(i);
rowCount--;
i--;
}
}
}catch(e) {
alert(e);
}
}
function setStartTime(){
document.getElementById('starttime').value = new Date().toLocaleTimeString('it-IT');
}
</SCRIPT>
</HEAD>
<BODY>
<INPUT type="button" value="add row" onclick="addRow('dataTable')" />
<INPUT type="button" value="Delete Row" onclick="deleteRow('dataTable')" />
<TABLE id="dataTable">
<TR>
<TD><INPUT type="checkBox" name="chk"/></TD>
<TD><INPUT type="text" name="txt"/></TD>
<TD><INPUT Id="starttime" onclick="setStartTime()" /></TD>
</TR>
</TABLE>
</BODY>
</HTML>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。