您的位置：首页 > Web前端 > JavaScript

JS 动态给表格增加/删除一行

2013-02-27 10:46 375 查看

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态给表格增加/删除一行</title>
</head>
<script language=javascript>
//增加组员
var allCount=1
function addline()
{
if(allCount<5){
newRow=listtable.insertRow(listtable.rows.length);
newRow.ln=allCount;
newRow.id=allCount;
c1=newRow.insertCell(0);
c1.innerHTML="<input type='text' name='stunum"+allCount+"' style='width:80px' />"+
"<input type='text' name='stuname"+allCount+"' style='width:100px' />";
c2=newRow.insertCell(1);
c2.id="line"+allCount;
c2.innerHTML="<input type=button value=删除 onclick=delline("+allCount+")>";
allCount++;
}else{
alert("组员最多不能超过4人!");
}
}
function delline(lineid)
{
for(i=0;i<listtable.rows.length;i++)
{
if(listtable.rows[i].id==lineid)
{

listtable.deleteRow(i);
allCount--;

}
}
}
//增加辅导教师
var allCount1=1
function addtea()
{
if(allCount1<3){
newRow=listtea.insertRow(listtea.rows.length);
newRow.ln=allCount1;
newRow.id=allCount1;
c1=newRow.insertCell(0);
c1.innerHTML="<input type='text' name='teanum"+allCount1+"' style='width:80px' />"+
"<input type='text' name='teaname"+allCount1+"' style='width:100px' />";
c2=newRow.insertCell(1);
c2.id="line"+allCount1;
c2.innerHTML="<input type=button value=删除 onclick=deltea("+allCount1+")>";
allCount1++;
}else{
alert("辅导教师最多不能超过2人!");
}
}
function deltea(lineid)
{
for(m=0;m<listtea.rows.length;m++)
{
if(listtea.rows[m].id==lineid)
{
listtea.deleteRow(m);
allCount1--;
}
}
}
</script>

<body>
<input type=button value=添加组员 onclick=addline()>前面填学号，后面填姓名，个人项目可不填
<table  border="0" height=20 align="left" cellpadding=0 cellspacing=0 id=listtable></table>
<br/>
<input type=button value=添加老师 onclick=addtea()>前面填工号，后面填姓名，没有不填
<table  border="0" height=20 align="left" cellpadding=0 cellspacing=0 id=listtea></table>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航