html表格无法编辑,无法使用javascript编辑html表格

我想使用javascript编辑我的html表格的内容。我收到的内容在编辑按钮的点击的形式,但是当我点击保存按钮时不更新该行的值,请帮助我,因为它会很感激..无法使用javascript编辑html表格

Add/Remove dynamic rows in HTML table

function addRow(myTable) {

var table = document.getElementById("myTable");

var rowCount = table.rows.length;

var row = table.insertRow(rowCount);

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 cell3=row.insertCell(2);

var cell4=row.insertCell(3);

cell2.innerHTML=document.getElementById('txtname').value;

cell3.innerHTML=document.getElementById('txtauthor').value;

cell4.innerHTML=document.getElementById('txtcdate').value;

}

function deleteRow(myTable) {

try {

var table = document.getElementById(myTable);

var rowCount = table.rows.length;

for(var i=0; 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 edt(myTable) {

try {

var table = document.getElementById(myTable);

var rowCount = table.rows.length;

for(var i=1; i

var row = table.rows[i];

var chkbox = row.cells[0].childNodes[0];

if(null != chkbox && true == chkbox.checked) {

document.getElementById("txtname").value = table.rows[i].cells["1"].innerHTML;

document.getElementById("txtauthor").value = table.rows[i].cells["2"].innerHTML;

document.getElementById("txtcdate").value = table.rows[i].cells["3"].innerHTML;

//document.getElementById("et1").value = table.rows[i].cells["4"].innerHTML;

//document.getElementById("ep1").value = table.rows[i].cells["5"].innerHTML;

document.getElementById("crw").value = i;

}

}

}catch(e) {

alert(e);

}

}

function savedit(myTable){

if(null != chkbox && true == chkbox.checked) {

var table = document.getElementById("myTable");

var rowCount = table.rows.length;

var row = table.insertRow(rowCount);

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 cell3=row.insertCell(2);

var cell4=row.insertCell(3);

cell2.innerHTML=document.getElementById('txtname').value;

cell3.innerHTML=document.getElementById('txtauthor').value;

cell4.innerHTML=document.getElementById('txtcdate').value;

}

}

HTML

NameAuthorDate

cell 1cell 2cell 3cell 4cell 5cell 6

Name:

Author

Date:

Content:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值