<!DOCTYPE html> <html> <head> <title>index.html</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script language="javascript" type="text/javascript"> function remberMyCheckbox(id) { alert(id); } function delRow() { var checkList=document.getElementsByName("checkboxNm"); //mytable1.deleteRow(mytable1.rows.length - 1); var checkedStr=""; for (var i=checkList.length-1;i>=0;i--) { if(checkList[i].checked) { if (checkedStr!="") { checkedStr+=","; } checkedStr += checkList[i].id; //Delete myTable's Row myTable.deleteRow(checkList[i].id); } } $("#text1").attr("value",checkedStr); } function insRow() { var allRows = document.getElementById('myTable').rows.length; //var x = document.getElementById('myTable').insertRow(0); var x = document.getElementById('myTable').insertRow(allRows); var w = x.insertCell(0); var y = x.insertCell(1); var z = x.insertCell(2); w.innerHTML = "<input type='checkbox' id='"+allRows+"' name='checkboxNm' />"; y.innerHTML = "NEW CELL1"+allRows; z.innerHTML = "NEW CELL2"; } </script> </head> <body> <input type="button" value="OpenPOP" onclick="OpenPOP();" /> <input type="button" onclick="insRow()" value="addRow"> <input type="button" onclick="delRow()" value="delRow"> <h1>delete myRow</h1> <table id="myTable" border="1"> <tr> <td><input type="checkbox" id="0" name="checkboxNm" onclick="remberMyCheckbox(this.id);" /></td> <td>Row1 cell0</td> <td>Row1 cell2</td> </tr> <tr> <td><input type="checkbox" id="1" name="checkboxNm" /></td> <td>Row2 cell1</td> <td>Row2 cell2</td> </tr> <tr> <td><input type="checkbox" id="2" name="checkboxNm" /></td> <td>Row3 cell2</td> <td>Row3 cell2</td> </tr> <tr> <td><input type="checkbox" id="3" name="checkboxNm" /></td> <td>Row4 cell3</td> <td>Row4 cell4</td> </tr> </table> <br /> <input type="text" id="text1" /> </body> </html>
相关推荐
使用javascript实现table动态增加删除行列。
JS动态添加、删除Table行排序(删除整行、删除整列)JS动态添加、删除Table行排序(删除整行、删除整列)
javascript table 增加删除行
通过js来操作table行的动态添加删除,进行相关的操作
javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩
js table添加、删除行。点“添加”按钮可以添加一行,每行后面都有一个删除按钮,可以删除所在行。
table JS 添加行和删除行 实现JS添加table的一行和删除一行技术
javascript添加删除table行
本篇文章主要是对利用js动态添加删除table行的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
JSP中使用JavaScript动态插入删除输入框实现代码.docx
主要介绍了Js动态添加删除Table行的具体实现,需要的朋友可以参考下
NULL 博文链接:https://stephen830.iteye.com/blog/258861
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。
用js实现对table添加行、删除行、复制行的操作。
* 1、<script language="javascript" src="js/addContentRow.js"> * 2、 * <!-- 附件部分 --> * <table width="100%" height="" border="0" id="Ttable1" > * <tr></tr> * * * <a href="...
纯js实现动态为table添加删除行。实用的代码
HTML TABLE批量添加行与删除行.javascript实现。
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
针对Table的操作,针对Table增加/删除 行和列,向上移,向下移.etc