请叫JS生成表格后，超难问题，高手过来看看！！！！分不够再加

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>test</title>
<script>
var k=1
function doAdd()
{
k=k+1;
var nowTable=document.all.myTable;
var newTr=nowTable.insertRow(k);
var newTd=newTr.insertCell(0);
var newTd1=newTr.insertCell(1);
var newTd2=newTr.insertCell(2);
var newTd3=newTr.insertCell(3);
var newTd4=newTr.insertCell(4);
var newTd5=newTr.insertCell(5);newTd.innerHTML="<input name='object0' type='text' class='text1' id='object'>";
newTd1.innerHTML="<input name='object1' type='text' class='text4' id='object1' onKeypress='return(!event.shiftKey&&event.keyCode>47 && event.keyCode<58 )'>";
newTd2.innerHTML="<input name='object2"+k+"' type='text' class='text2'   onBlur='xx()' id='object2"+k+"' onKeypress='return(!event.shiftKey&&event.keyCode>45 && event.keyCode<58 )'>";
newTd3.innerHTML="<input name='object3"+k+"'  type='text' class='text2' id='object3"+k+"' onKeypress='return(!event.shiftKey&&event.keyCode>47 && event.keyCode<58 )'>";
newTd4.innerHTML="<input name='object4' type='text' class='text3' id='object4' value='册' readonly=''> ";
newTd5.innerHTML="<input name='object5' type='text' class='text1' id='object5'>";
}
function doDel()
{
if(k>=2)
{
document.all.myTable.rows(k).removeNode();
document.getElementById("object2"+k).name="";
k=k-1;
}
else
{
alert("不能继续删减条目!");
}
}
</script>
<script language="vbscript">
sub xx()
m=0
if k=1 then
document.form1.kkk.value=document.getElementById("object21").value
else
for n=1 to k
m=m+document.getElementById("object2"&cstr(n)).value
next
document.form1.kkk.value=m
end if
end sub</script>
<style type="text/css">

</style>
</head>
<body>
<button  id="manu3" onClick="doAdd();"><img src="images/icon/base/MISC05.ICO" width="15" height="15" align="absmiddle"> 增行</button>
<button  id="manu4" onclick="doDel();xx()"><img src="images/icon/base/MISC06.ICO" width="15" height="15" align="absmiddle"> 删行</button>
<form name="form1">
<table width="658" border="1" cellpadding="0"  cellspacing="1" bordercolor="#A0A0A0" id="myTable">
  <tr align="center" valign="middle">
    <td width="147" height="18">aaaaaaaa</td>
    <td width="130" height="18">bbbbbbbb</td>
    <td width="85" height="18">cccccccc</td>
    <td width="85" height="18">ddddddd</td>
    <td width="30" height="18">eeeeeee</td>
    <td height="18">ff</td>
  </tr>
  <tr align="left" valign="middle"  id="myTr1">
    <td height="18"><input name="object0" type="text" class="text1" id="object0"  ></td>
    <td height="18"><input name="object1" type="text" class="text4" id="object1"   onKeypress="return(!event.shiftKey&&event.keyCode>47 && event.keyCode<58 )"></td>
    <td height="18"><input name="object21" type="text" class="text2" id="object21"  onBlur="xx()" onKeypress="return(!event.shiftKey&&event.keyCode>45 && event.keyCode<58)" ></td>
    <td height="18"><input name="object31" type="text" class="text2" id="object31"   onKeypress="return(!event.shiftKey&&event.keyCode>47 && event.keyCode<58 )"></td>
    <td width="30" height="18"><input name="object4" type="text" class="text3" id="object4"  value="" readonly=""></td>
    <td height="18"><input name="object5" type="text" class="text1" id="object5"  ></td>
  </tr>
</table>
<p>ccccc求和
  <input type="text" name="kkk">
</p>
</form>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

楼上的意思是让我写两个ROWADD的方法，生成初始值的未只读，后加的不为只读吗
用什么语言写啊,asp还是jsp,不管是用哪一种都能简单的初始化的
如jsp: <% for(int i=0;i<100;i++){%>readonly<%}%>这样初始化就是只读的
添加行比较容易:
<html>
<head>
<title>无标题文档</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript">
var curRow=null;
function selectRow(tr1){
if(curRow)
curRow.bgColor="#FFFFFF";
tr1.bgColor="e7e7e7";
curRow=tr1;
}
function addRow(src){
var newrow = src.insertRow();
newrow.attachEvent("onclick",function(){selectRow(newrow);});
newrow.height=20;
var i=4;
while(i--){
var newcell = newrow.insertCell();
switch(i){
case 0: newcell.innerHTML= '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="删除此行">';break;
default: newcell.innerHTML=div1.innerHTML;break;
}
}
}
function delRow(src){
src.parentElement.deleteRow(src.rowIndex);
}
</script>
</head><body>
<table id="tb" width="100%"  border="1" align="center" cellpadding="1" cellspacing="1" style="border-collapse:collapse" bordercolor="#111111">
  <tr>
    <th scope="col" width="25%">一</th>
    <th scope="col" width="25%">二</th>
    <th scope="col" width="25%">三</th>
    <th scope="col" width="25%">四</th>
  </tr>
  <tr id="blankRow" onClick="addRow(this.parentElement)">
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
<div id="div1" style="display:none "><input id="txt" type="text" style="width:97%; background-color:#FFFFEF"></div>
</body>
</html>

请叫JS生成表格后，超难问题，高手过来看看！！！！ 分不够再加

解决方案 »

请叫JS生成表格后，超难问题，高手过来看看！！！！分不够再加