js

twoten1 2010-11-23 10:55:35
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

<script language="javascript">
function findObj(theObj, theDoc)
{
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)
{
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p);
}
if(!(foundObj = theDoc[theObj]) && theDoc.all)
foundObj = theDoc.all[theObj];

for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];

for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);

if(!foundObj && document.getElementById)
foundObj = document.getElementById(theObj);

return foundObj;
}
//添加一个参与人填写行
function AddSignRow(){ //读取最后一行的行号，存放在txtTRLastIndex文本框中
var txtTRLastIndex = findObj("txtTRLastIndex",document);
var rowID = parseInt(txtTRLastIndex.value);

var signFrame = findObj("SignFrame",document);
//添加行
var newTR = signFrame.insertRow(signFrame.rows.length);
newTR.id = "SignItem" + rowID;

//添加列:序号
var newNameTD=newTR.insertCell(0);
//添加列内容
newNameTD.innerHTML = newTR.rowIndex.toString();

//添加列:物品
var newNameTD=newTR.insertCell(1);
//添加列内容
newNameTD.innerHTML = "<input name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' size='12' />";
//添加列:价格
var newCompanyTD=newTR.insertCell(2);
//添加列内容
newCompanyTD.innerHTML = "<input name='txtPr" + rowID + "' id='txtPr" + rowID + "' type='text' size='20' onblur='price_sum()' />";


//添加列:删除按钮
var newDeleteTD=newTR.insertCell(3);
//添加列内容
newDeleteTD.innerHTML = "<div align='center' style='width:40px'><a href='javascript:;' onclick=\"DeleteSignRow('SignItem" + rowID + "')\">删除</a></div>";

//将行号推进下一行
txtTRLastIndex.value = (rowID + 1).toString() ;
}
//删除指定行
function DeleteSignRow(rowid){
var signFrame = findObj("SignFrame",document);
var signItem = findObj(rowid,document);

//获取将要删除的行的Index
var rowIndex = signItem.rowIndex;

//删除指定Index的行
signFrame.deleteRow(rowIndex);

//重新排列序号，如果没有序号，这一步省略
for(i=rowIndex;i<signFrame.rows.length;i++){
signFrame.rows[i].cells[0].innerHTML = i.toString();
}
}//清空列表
function ClearAllSign(){
if(confirm('确定要清空所有参与人吗？')){
var signFrame = findObj("SignFrame",document);
var rowscount = signFrame.rows.length;

//循环删除行,从最后一行往前删除
for(i=rowscount - 1;i > 0; i--){
signFrame.deleteRow(i);
}

//重置最后行号为1
var txtTRLastIndex = findObj("txtTRLastIndex",document);
txtTRLastIndex.value = "1";

//预添加一行
AddSignRow();
}
}
function price_sum()
{

var result = 0;
var i=0;
for (i=1; i<=100; i++){
var price = document.getElementById('txtPr'+i).value;
if(!(isNaN(price)||price=="")) result += parseFloat(price);
document.getElementById('txtPr11').value = result;
}
}
</script>
</HEAD>

<BODY>
<div>
<table width="300" border="0" cellpadding="2" cellspacing="1" id="SignFrame">
<tr id="trHeader">
<td width="27" bgcolor="#96E0E2">序号</td>
<td width="64" bgcolor="#96E0E2">物品</td>
<td width="153" bgcolor="#96E0E2">价格</td>
<td width="57" align="center" bgcolor="#96E0E2"> </td>
</tr>
</table>
</div>
<div>
<input type="button" name="Submit" value="添加参与人" onclick="AddSignRow()" />
<input type="button" name="Submit2" value="清空" onclick="ClearAllSign()" />
<input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />
</div>
<table width="613">
<tr>
总金额：<input type="text" name="txtPr11" id="txtPr11">
</tr>
</table>
</BODY>
</HTML>


上面程序，删除一个td，之后再添加一个td程序报错(统计总金额时出错)，请教？
...全文
121 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
loveofmylife 2010-11-23
  • 打赏
  • 举报
 回复
稍微改了两个地方，你可以试一下


function DeleteSignRow(rowid){

var signFrame = findObj("SignFrame",document);

var signItem = findObj(rowid,document);



//获取将要删除的行的Index

var rowIndex = signItem.rowIndex;



//删除指定Index的行

signFrame.deleteRow(rowIndex);



//重新排列序号，如果没有序号，这一步省略

for(i=rowIndex;i<signFrame.rows.length;i++){

signFrame.rows[i].cells[0].innerHTML = i.toString();

}

txtTRLastIndex.value = (parseInt(findObj("txtTRLastIndex",document).value)-1).toString() ;//增加这一句

}


还有计算总数的方法


function price_sum()

{



var result = 0;

  var i=0;

  for (i=1; i<findObj("SignFrame",document).rows.length; i++){//循环次数动态确定

  var price = document.getElementById('txtPr'+i).value;

  if(!(isNaN(price)||price=="")) result += parseFloat(price);  

}

document.getElementById('txtPr11').value = result;

}
齊麟 2010-11-23
  • 打赏
  • 举报
 回复
好长，看晕了，继续看~~
cxj61126 2010-11-23
  • 打赏
  • 举报
 回复
一次在网上看到的代码，功能感觉和你的比较相似,可以跑跑试一下
<html>

	<head>

		

		<script type="text/javascript">

		//全局变量

		var i=0;

		//添加行

		function addMyRow(){

			var mytable = document.getElementById("mybody");

			var mytr = mytable.insertRow();

			mytr.setAttribute("id","tr"+i);

			var mytd_1=mytr.insertCell();

			var mytd_2=mytr.insertCell();

			var mytd_3=mytr.insertCell();

			var mytd_4=mytr.insertCell();

			var mytd_5=mytr.insertCell();

			mytd_1.innerHTML="<input type='text' name='myname"+i+"'/>";

			mytd_2.innerHTML="<input type='radio' name='mysex"+i+"' value='1'/>男<input type='radio' name='mysex"+i+"' value='2'/>女";

			mytd_3.innerHTML="<input type='checkbox' name='mylove"+i+"' value='1'/>上网<input type='checkbox' name='mylove"+i+"' value='2'/>篮球<input type='checkbox' name='mylove"+i+"' value='3'/>游泳";

			mytd_4.innerHTML="<select name='myjg"+i+"'><option value='1'>北京</option><option value='2'>河北</option><option value='3'>天津</option></select>";

			mytd_5.innerHTML="<input type='button' value='删除' onclick=\"delMyRow('"+i+"')\"/>";

			i++;

		}

		//删除当前行

		function delMyRow(j){

			var mytable = document.getElementById("mybody");

			var myrow = document.getElementById("tr"+j);

			mytable.deleteRow(myrow.rowIndex-1);

		}

		//删除所有行

		function delAllMyRow(){

			var mytable = document.getElementById("mybody");

			var rowlen=mytable.rows.length;

			for(var i=rowlen-1;i>=0;i--){

				mytable.deleteRow(i);

			}

		}

		</script>

	</head>

 

	<body>

		<center>

		<input type="button" value="添加" onclick="addMyRow();"><input type="button" value="删除所有" onclick="delAllMyRow();">

		<table border="1">

			<thead>

				<tr bgcolor="red">

					<td align="center">

						姓名

					</td>

					<td align="center">

						性别

					</td>

					<td align="center">

						爱好

					</td>

					<td align="center">

						籍贯

					</td>

					<td align="center">

						操作

					</td>

				</tr>

			</thead>

			<tbody id="mybody">

			

			</tbody>

		</table>

		<center>

	</body>

</html>
yaoweijq 2010-11-23
  • 打赏
  • 举报
 回复 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>



<script language="javascript">

function findObj(theObj, theDoc)

{

    var p, i, foundObj;

    if(!theDoc) theDoc = document;

if( (p = theObj.indexOf("?")) > 0 && parent.frames.length)

{  

  theDoc = parent.frames[theObj.substring(p+1)].document;   

  theObj = theObj.substring(0,p);  

}  

if(!(foundObj = theDoc[theObj]) && theDoc.all)  

  foundObj = theDoc.all[theObj];  



for (i=0; !foundObj && i < theDoc.forms.length; i++)   

  foundObj = theDoc.forms[i][theObj];  



for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)   

  foundObj = findObj(theObj,theDoc.layers[i].document);  

    

if(!foundObj && document.getElementById)  

  foundObj = document.getElementById(theObj);   



return foundObj;

}

//添加一个参与人填写行

function AddSignRow(){ //读取最后一行的行号，存放在txtTRLastIndex文本框中

var txtTRLastIndex = findObj("txtTRLastIndex",document);

var rowID = parseInt(txtTRLastIndex.value);



var signFrame = findObj("SignFrame",document);

//添加行

var newTR = signFrame.insertRow(signFrame.rows.length);

newTR.id = "SignItem" + rowID;



//添加列:序号

var newNameTD=newTR.insertCell(0);

//添加列内容

newNameTD.innerHTML = newTR.rowIndex.toString();



//添加列:物品

var newNameTD=newTR.insertCell(1);

//添加列内容

newNameTD.innerHTML = "<input name='txtName" + rowID + "' id='txtName" + rowID + "' type='text' size='12' />";

//添加列:价格

var newCompanyTD=newTR.insertCell(2);

//添加列内容

newCompanyTD.innerHTML = "<input name='txtPr" + rowID + "' id='txtPr" + rowID + "' type='text' size='20' onblur='price_sum()' />";





//添加列:删除按钮

var newDeleteTD=newTR.insertCell(3);

//添加列内容

newDeleteTD.innerHTML = "<div align='center' style='width:40px'><a href='javascript:;' onclick=\"DeleteSignRow('SignItem" + rowID + "')\">删除</a></div>";



//将行号推进下一行

txtTRLastIndex.value = (rowID + 1).toString() ;

}

//删除指定行

function DeleteSignRow(rowid){

var signFrame = findObj("SignFrame",document);

var signItem = findObj(rowid,document);



//获取将要删除的行的Index

var rowIndex = signItem.rowIndex;

//删除指定Index的行

signFrame.deleteRow(rowIndex);

signFrame = findObj("SignFrame",document);

txtTRLastIndex.value = (signFrame.rows.length).toString() ;

//重新排列序号，如果没有序号，这一步省略

var i = 0;

for(i=rowIndex;i<signFrame.rows.length;i++){

signFrame.rows[i].cells[0].innerHTML = i.toString();

var tempValue = document.getElementById("txtPr"+(i+1)).value;

signFrame.rows[i].cells[2].innerHTML = "<input name='txtPr" + i + "' id='txtPr" + i + "' type='text' size='20' onblur='price_sum()' value='"+tempValue+"'/>";

}

}//清空列表

function ClearAllSign(){

if(confirm('确定要清空所有参与人吗？')){

var signFrame = findObj("SignFrame",document);

var rowscount = signFrame.rows.length;



//循环删除行,从最后一行往前删除

for(i=rowscount - 1;i > 0; i--){

  signFrame.deleteRow(i);

}



//重置最后行号为1

var txtTRLastIndex = findObj("txtTRLastIndex",document);

txtTRLastIndex.value = "1";



//预添加一行

AddSignRow();

}

}

function price_sum()

{



  var result = 0;

  var i=0;

  

  for (i=1; i<=findObj("SignFrame",document).rows.length; i++){

  var priceObj = document.getElementById('txtPr'+i);

  if(priceObj != null) {

  var price = priceObj.value;

  

  if(!(isNaN(price)||price=="")) result += parseFloat(price);  

  }

  }

  document.getElementById('total').value = result;

}

</script>

</HEAD>



<BODY>

<div>

<table width="300" border="0" cellpadding="2" cellspacing="1" id="SignFrame">

  <tr id="trHeader">

  <td width="27" bgcolor="#96E0E2">序号</td>

  <td width="64" bgcolor="#96E0E2">物品</td>

  <td width="153" bgcolor="#96E0E2">价格</td>

  <td width="57" align="center" bgcolor="#96E0E2"> </td>

  </tr>

  </table>

  </div>

  <div>

  <input type="button" name="Submit" value="添加参与人" onclick="AddSignRow()" />

  <input type="button" name="Submit2" value="清空" onclick="ClearAllSign()" />

  <input name='txtTRLastIndex' type='hidden' id='txtTRLastIndex' value="1" />

  </div>

<table width="613">

  <tr>

  总金额：<input type="text" name="total" id="total">

  </tr>

  </table>

</BODY>

</HTML>

不如试试这个
twoten1 2010-11-23
  • 打赏
  • 举报
 回复
试了以上例子，还不行啊，没人帮忙吗？
netscape.javascript.JSObject
applet 调用js 所需包 JSObject.getWindow(this).eval("javascript:alert(111)");
网站广告Js大全JavaScript
网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript网站广告Js大全JavaScript
Concurrent.Thread.js javascript多线程
Concurrent.Thread.js 一个用来让javascript也进行多线程开发的包，感兴趣的快来下吧。
JavaScript Code Improver JS代码格式化工具
JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具JavaScript Code Improver JS代码格式化工具
JS和HTML和JAVAScript写的弹弹球小游戏.html
JS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏.htmlJS和HTML和JAVAScript写的弹弹球小游戏...
Java EE

67,538

社区成员

225,852

社区内容

发帖
与我相关
我的任务
社区描述
J2EE只是Java企业应用。我们需要一个跨J2SE/WEB/EJB的微容器，保护我们的业务核心组件（中间件），以延续它的生命力，而不是依赖J2SE/J2EE版本。
社区管理员
  • Java EE
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章