<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>增加Table行</title>
</head>
<script>
function addRow(obj)
{
//添加一行
var newTr = testTbl.insertRow();
//添加两列
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
//设置列内容和属性
newTd0.innerHTML = '<input type=checkbox id="box4">';
newTd1.innerText= '新加行';
}
</script>
<body>
<table id="testTbl" border=1>
<tr id="tr1">
<td ><input type=checkbox id="box1"></td>
<td id="b">第一行</td>
</tr>
<tr id="tr2">
<td ><input type=checkbox id="box2"></td>
<td id="b">第二行</td>
</tr>
<tr id="tr3">
<td ><input type=checkbox id="box3"></td>
<td>第三行</td>
</tr>
</table>
<br />
<input type="button" id="add" onclick="addRow();" value="Add Row" />
</body>
</html>
分享到:
相关推荐
android动态添加表格行
android动态添加表格行,实现动态添加表格
javascript实现动态的添加表格功能
javascript动态添加表格数据行 在很多web应用中,我们会遇到很多需要动态插入多行纪录的地方。比如,在人才网站上,我们填写简历的时候,我们要填写我们的项目经验,我们可以根据自己的实际情况动态的添加条数,这种...
动 态 添 加 表 格 动态添加表格 动态添加表格 动态添加表格
动态添加js,动态添加表格和删除表格,批量添加记录,批量添加
你可以指定行数和列数来动态添加表格并且每个表格都有边框
动态添加表格和删除表格.html
通过按钮事件,实现动态添加表格元素,可以获得更多的表格
主要介绍了jQuery+ajax实现动态添加表格tr td功能,结合实例形式分析了jQuery基于ajax动态创建页面table元素相关操作技巧,需要的朋友可以参考下
原生js可编辑表格实现动态添加表格行数和删除表格行数
layui表格动态添加|layui表格可编辑动态添加
安卓Android源码——动态添加表格行.zip
android动态添加表格行.zip
asp.net后台动态添加表格,很实用的
JQuery_可拖曳动态添加表格、动态排序
动态添加表格实例_aspx开发教程
android动态添加表格行.zip源码资源下载android动态添加表格行.zip源码资源下载