我就想用js实现新增行删除行的功能 已经写了1天了 实在不会了 求大神帮帮我！

希尔瓦纳斯 2013-09-05 01:42:48
我就想用js实现新增行 删除行两个按钮的功能 代码我都拿出来了 哪位大神帮我改改 随便改只要是js 感激不尽




<html>

<head>

	<script type="text/javascript">

			

				

		function f1(){											//新增行   

			var i=0

			var objrow = Mytable.insertRow(1);		

			

			for(i=0;i<4;i++){

				var objcell = objrow.insertCell(i);

				objcell.innerHTML = document.getElementById("td"+i).innerHTML;

				

			}				 		

		}

		

		function f2(){                	//删除行    我只能实现一行一行的删除不能实现勾选哪行删除哪行 

			

		Mytable.deleteRow(1);

		

		}

	</script>

</head>





<body>

	<table id="addButton1" name="x-btn">

		<tr>

					<td class="x-btn-center">

	

						<button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button>

										

					</td>

		</tr>

				

		<tr>

			

			<td class="x-btn-center">	

				<button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button>		

			</td>

			

		</tr>

	</table>

 

					







	

	

<table  id="Mytable" >

		<thead>

					<tr>

					<th width="30px" align="center">

					<div>选择</div></th>

					<th align="center">

					<div>行号</div></th>

					

					<th align="center">

					<div>本次退货数量</div></th>

					

					<th align="center">

					<div>本次退货数量</div></th>

					

					</tr>

		</thead>

	

<tbody id="tab1" style="display:">

	

		<tr class="odd">

					<td  id="td0">

										<input type="checkbox" name="checkbox1" value="1" id="checkid"> 

									</td>

					<td  id="td1">

										<input  type="TEXT" />

									</td>

					<td  id="td2">

										<input  type="TEXT" />

									</td>

					<td  id="td3">

										<input  type="TEXT" />

									</td>			

		</tr>

	</tbody>

	

</table>

</body>

</html>



...全文
150 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
_monalisa 2013-09-05
  • 打赏
  • 举报
 回复
<html> <head> <script type="text/javascript"> function f1(){ //新增行 var i=0 var objrow = Mytable.insertRow(1); for(i=0;i<4;i++){ var objcell = objrow.insertCell(i); objcell.innerHTML = document.getElementById("td"+i).innerHTML; } } function f2(){ //删除行 我只能实现一行一行的删除不能实现勾选哪行删除哪行 //Mytable.deleteRow(1); var checks = document.getElementsByName("check"); //alert(checks.length); for (var i=checks.length-1; i>=0; i--) { if (checks[i].checked){ checks[i].checked=false; Mytable.deleteRow(i+1); } } } </script> </head> <body> <table id="addButton1" name="x-btn"> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button> </td> </tr> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button> </td> </tr> </table> <table id="Mytable" > <thead> <tr> <th width="30px" align="center"> <div>选择</div></th> <th align="center"> <div>行号</div></th> <th align="center"> <div>本次退货数量</div></th> <th align="center"> <div>本次退货数量</div></th> </tr> </thead> <tbody id="tab1" style="display:"> <tr class="odd"> <td id="td0"> <input type="checkbox" name="check" value="1" id="checkid"> </td> <td id="td1"> <input type="TEXT" /> </td> <td id="td2"> <input type="TEXT" /> </td> <td id="td3"> <input type="TEXT" /> </td> </tr> </tbody> </table> </body> </html>
希尔瓦纳斯 2013-09-05
  • 打赏
  • 举报
 回复
引用 1 楼 zzgzzg00 的回复:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function f1(){ //新增行 var i=0 Mytable=document.getElementById('Mytable'); var objrow = Mytable.insertRow(1); for(i=0;i<4;i++){ var objcell = objrow.insertCell(i); objcell.innerHTML = document.getElementById("td"+i).innerHTML; } } function f2(){ //删除行 我只能实现一行一行的删除不能实现勾选哪行删除哪行 var inputs=document.getElementsByTagName('input'); Mytable=document.getElementById('Mytable'); var a=[]; for(var i=0;i<inputs.length;i++){ if(inputs[i].type=='checkbox'){ a.push(inputs[i]); } } for(var i=a.length-1;i>=0;i--){ if(a[i].checked){ Mytable.deleteRow(i+1); } } } </script> </head> <body> <table id="addButton1" name="x-btn"> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button> </td> </tr> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button> </td> </tr> </table> <table id="Mytable" > <thead> <tr> <th width="30px" align="center"> <div>选择</div></th> <th align="center"> <div>行号</div></th> <th align="center"> <div>本次退货数量</div></th> <th align="center"> <div>本次退货数量</div></th> </tr> </thead> <tbody id="tab1" style="display:"> <tr class="odd"> <td id="td0"> <input type="checkbox" name="checkbox1" value="1" id="checkid"> </td> <td id="td1"> <input type="TEXT" /> </td> <td id="td2"> <input type="TEXT" /> </td> <td id="td3"> <input type="TEXT" /> </td> </tr> </tbody> </table> </body> </html> 这样试试
非常感谢您 还有个小问题请问程序第23行为什么是 inputs.length 可以写成 input吗？
似梦飞花 2013-09-05
  • 打赏
  • 举报
 回复
那个ie7不行 改成这样试试 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function f1(){ //新增行 var i=0 var Mytable=document.getElementById('Mytable'); var objrow = Mytable.insertRow(1); for(i=0;i<4;i++){ var objcell = objrow.insertCell(i); objcell.innerHTML = document.getElementById("td"+i).innerHTML; } } function f2(){ //删除行 我只能实现一行一行的删除不能实现勾选哪行删除哪行 var inputs=document.getElementsByTagName('input'); var Mytable=document.getElementById('Mytable'); var a=[]; for(var i=0;i<inputs.length;i++){ if(inputs[i].type=='checkbox'){ a.push(inputs[i]); } } for(var i=a.length-1;i>=0;i--){ if(a[i].checked){ Mytable.deleteRow(i+1); } } } </script> </head> <body> <table id="addButton1" name="x-btn"> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button> </td> </tr> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button> </td> </tr> </table> <table id="Mytable" > <thead> <tr> <th width="30px" align="center"> <div>选择</div></th> <th align="center"> <div>行号</div></th> <th align="center"> <div>本次退货数量</div></th> <th align="center"> <div>本次退货数量</div></th> </tr> </thead> <tbody id="tab1" style="display:"> <tr class="odd"> <td id="td0"> <input type="checkbox" name="checkbox1" value="1" id="checkid"> </td> <td id="td1"> <input type="TEXT" /> </td> <td id="td2"> <input type="TEXT" /> </td> <td id="td3"> <input type="TEXT" /> </td> </tr> </tbody> </table> </body> </html>
似梦飞花 2013-09-05
  • 打赏
  • 举报
 回复
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript"> function f1(){ //新增行 var i=0 Mytable=document.getElementById('Mytable'); var objrow = Mytable.insertRow(1); for(i=0;i<4;i++){ var objcell = objrow.insertCell(i); objcell.innerHTML = document.getElementById("td"+i).innerHTML; } } function f2(){ //删除行 我只能实现一行一行的删除不能实现勾选哪行删除哪行 var inputs=document.getElementsByTagName('input'); Mytable=document.getElementById('Mytable'); var a=[]; for(var i=0;i<inputs.length;i++){ if(inputs[i].type=='checkbox'){ a.push(inputs[i]); } } for(var i=a.length-1;i>=0;i--){ if(a[i].checked){ Mytable.deleteRow(i+1); } } } </script> </head> <body> <table id="addButton1" name="x-btn"> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button> </td> </tr> <tr> <td class="x-btn-center"> <button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button> </td> </tr> </table> <table id="Mytable" > <thead> <tr> <th width="30px" align="center"> <div>选择</div></th> <th align="center"> <div>行号</div></th> <th align="center"> <div>本次退货数量</div></th> <th align="center"> <div>本次退货数量</div></th> </tr> </thead> <tbody id="tab1" style="display:"> <tr class="odd"> <td id="td0"> <input type="checkbox" name="checkbox1" value="1" id="checkid"> </td> <td id="td1"> <input type="TEXT" /> </td> <td id="td2"> <input type="TEXT" /> </td> <td id="td3"> <input type="TEXT" /> </td> </tr> </tbody> </table> </body> </html> 这样试试
如何使用UIAutomation进行iOS 自动化测试
转自http://www.cnblogs.com/vowei/archive/2012/08/10/2631949.html 大神的文章，大神的翻译 写在前面 研究iOS的自动化测试也有些日子了，刚开始的时候，一直苦于找不到什么好的资料，只能从Apple的官网查阅相关的API文档，只可惜，Apple对开发者来说实在是不怎么友好，文档写得相当的粗略，对于初学者来说有一定的难度。
发布本人整理的面试问题大全，为准备找工作的同行们尽一份力！希望大家多补充或回答！
分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 主　　题：&n
【虹软24届校招正式批】校招流程持续推进中--热点Q&；A
钉钉视频笔 约瑟夫环生产者消费者模样会快写出来了，但是是文本编辑器写的，不能运行。自己还写了注解，结果结束了发现第一题有个变量1写成0，不能运行太难去发现了，会不会面试官拉题解 | #空心三角形图案# #include <stdio.h>int main(){ int i,j,n; while (scanf("%d"题解 | #手套# import java.util.*;public class Glove
webmagic采集CSDN的Java_WebDevelop页面
使用webmagic采集博客类的网站示例
龙哥盟 PMP 课程笔记（一百六十一）
大家好，接下来我们一起分享的是，PMP课程的项目管理原则，在偏僻的第七版教材中，他特别强调了，关于有12条原则和八大绩效语，那我们今天一起来看一下。项目管理的12条原则，它12条原则是这样的，首先第一个呢说要成为一个勤勉的，尊重和关心他人的管家，也就是说你需要具备管家精神呃，什么是管家，你可以想象一下，大概在18世纪，19世纪那些英国的贵族。
JavaScript

87,991

社区成员

224,687

社区内容

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

加载中

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

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

+ 用AI写文章