📄 index.html
字号:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title>动态添加删除表格行(javascript)</title>
<meta name="generator" content="editplus">
<meta name="author" content="tiannet(曾次清)">
<meta name="keywords" content="javascript动态添加删除表格行">
<meta name="description" content="在网页上动态添加删除表格行">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body{font-size:12px;color: black;font-family:arial,verdana,sans-serif,"宋体";background-color:white;}
body,td,div,a {font-size:10pt;line-height:17px;}
TABLE.main {padding:5px 5px;font-size:10pt;color: black;border:0 solid black;background-color:white;
border-right:3 solid #CCCCCC;border-bottom:3 solid #CCCCCC;
}
TABLE.main TH {background-color:#CEC6FB;height:30px;color:black;font-weight:normal;}
TABLE.main TR.true {background-color:#DDDDDD;}
TABLE.main TR.false {background-color:#EEEEEE;}
TABLE.main TD {padding:5px 5px;}
div.desc{color:#8D65A3;}
</style>
</head>
<body>
<table class="main" width="100%" cellspacing="1">
<tr>
<th width="20%">文件</th>
<th width="70%">说明</th>
<th width="10%">实例</th>
</tr>
<tr class="true">
<td>tableRowAddDel.js</td>
<td>进行动态添加删除表格行的脚本</td>
<td> </td>
</tr>
<tr class="false">
<td>oneTableSample.html</td>
<td>展示了在一个页面对一个表格进行动态添加删除行的方法。</td>
<td align="center"><a href="oneTableSample.html" target="_blank">演示</a></td>
</tr>
<tr class="true">
<td>oneTableSample.jsp</td>
<td>为oneTableSample.html后台处理程序，展示如何获取表格中各行各表单域的值。</td>
<td align="center"> </td>
</tr>
<tr class="false">
<td>twoTableSample.html</td>
<td>展示了在一个页面对两个表格(更多个表格效仿即可)进行动态添加删除行的方法。</td>
<td align="center"><a href="twoTableSample.html" target="_blank">演示</a></td>
</tr>
<tr class="true">
<td>twoTableSample.jsp</td>
<td>twoTableSample.html后台处理程序，展示如何获取表格中各行各表单域的值。</td>
<td align="center"> </td>
</tr>
</table>
<br>
<br>
<div class="desc">
注：脚本提供的动态删除表格行的途径最突出的地方是解决了radio分组的问题。
</div>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -