又是动态表格的问题

lgs6715 2003-02-17 02:13:24
代码如下:(可Copy调试)
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="theTable">
<tr>
<td height="18">序号</td>
<td>价位编号</td>
<td>展品名称</td>
<td>件数</td>
<td>材质(工艺)</td>
<td>市场销售情况</td>
<td>备注</td>
<td>有效性</td>
</tr>
<tr>
<td><input name="theNo1" type="text" size="5" maxlength="4" onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="thePriceNo1" type="text" size="10" maxlength="8" onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theName1" type="text"size="25" maxlength="25" onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theNum1" type="text" size="5" maxlength="4" onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theMaterial1" type="text"size="25" maxlength="25"onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theMarket1" type="text" size="15" maxlength="15" onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theExpression1" type="text"size="18" maxlength="16"onKeyPress="javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false"></td>
<td><input name="theValid1" type="checkbox" value="1" onClick="javascript:getValue(this.value,this)"></td>
</tr>
</table></td>
</tr>
<tr>
<td width="40" height="25" nowrap><div align="center"></div></td>
<td width="75" nowrap><div align="center"></div></td>
<td width="175" nowrap><div align="center"></div></td>
<td width="38" nowrap><div align="center"></div></td>
<td width="178" nowrap><div align="center"></div></td>
<td width="106" nowrap><div align="center"></div></td>
<td width="111" nowrap><div align="center"></div></td>
<td width="64" nowrap><div align="center"></div></td>
</tr>
</table>

<script>
var add_i=1
function insert_Row(){
add_i=add_i+1
theRow=theTable.insertRow()
theRow.insertCell().innerHtml="<input type=text name='theNo"+add_i+"' size=5 maxlength=4 onkeypress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"
theRow.insertCell().innerHtml="<input type=text name='thePriceNo"+add_i+"' size=10 maxlength=8 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"
theRow.insertCell().innerHtml="<input type=text name='theName"+add_i+"' size=25 maxlength=25 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"
theRow.insertCell().innerHtml="<input type=text name='theNum"+add_i+"' size=5 maxlength=4 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"
theRow.insertCell().innerHtml="<input type=text name='theMaterial"+add_i+"' size=25 maxlength=25 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"


theRow.insertCell().innerHtml="<input type=text name='theMarket"+add_i+"' size=15 maxlength=15 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"

theRow.insertCell().innerHtml="<input type=text name='theExpression"+add_i+"' size=18 maxlength=16 onKeyPress='javascript:if(event.keyCode==34 || event.keyCode==39) event.returnValue=false'>"
theRow.insertCell().innerHtml="<input type=checkbox name='theValid"+add_i+"' value='"+add_i+"' onClick='javascript:select(this.value)'>"
}

function dele_Row(theNumber){
if (theTable.rows.length>1){theTable.deleteRow(theNumber)}
}

function getValue(theNumber,theObject){

if(theObject.checked==true){insert_Row()}
else{
if(confirm("真的要把此行记录删除吗?")==true){ dele_Row(theNumber) }
}


}

</script>

要求是点选复选框,可进行增一行和删除一行的功能
每一个Cell里都有一个input对象元素,请问如何实现??
我以上代码问题出在哪?
...全文
48 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
wangxiaomax 2003-02-17
  • 打赏
  • 举报
回复
objTd为动态td对象,以下为tr动态添加与删除的方法:
document.getElementById("tr"+"test").appendChild(objTd);
document.getElementById("tr"+"test").removeChild(objTd);
全息宇宙 2003-02-17
  • 打赏
  • 举报
回复
<table width="100%" border="0" cellspacing="0" cellpadding="0" id="theTable">
<tr>
<td id='aaa'><input type='text'></td>
</tr>
</table>

<input type='button' value='添加一行' onclick="document.all.aaa.innerHTML += '<br><input type=\'text\'>'">

87,992

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧