<html>
<head>
<script type="text/javascript">
function add(){
var num = parseInt(document.getElementById("num").value)+1;
document.getElementById("dyn").innerHTML += ("name"+num+"<input type='text' id='name"+num+"' /><br/><br/>");
document.getElementById("num").value=num;
}
function del(){
var num = parseInt(document.getElementById("num").value);
if(num == 0){
return;
}
var temp = document.getElementById("dyn").innerHTML;
document.getElementById("dyn").innerHTML = temp.substring(0,temp.indexOf("name"+num));
document.getElementById("num").value = num-1;
}
function jstoggle(togglecontent){
var temp = document.getElementById(togglecontent).style.display;
if(temp == "block" || temp==""){
document.getElementById(togglecontent).style.display = "none";
}else {
document.getElementById(togglecontent).style.display = "block";
}
}
</script>
<head>
<body>
<div id="hello" >
<p>hello world
</div>
<button id="dynadd" onclick="add();">add</button>
<button id="dyndel" onclick="del();">delete</button>
<button id="tog" onclick="jstoggle('dyn');">toggleDyn</button>
<button id="tog" onclick="jstoggle('hello');">toggleHello</button>
<div id="dyn">
<input type="hidden" id="num" value="0"/>
</div>
</body>
</html>
分享到:
相关推荐
javascript table 增加删除行
用Jquery 添加删除行, 并进行计算 品名 数量 单价 金额(计算得出) 添加(按钮) 品名 数量 单价 金额(计算得出) 删除(按钮) .... --- 总计:
NULL 博文链接:https://long316.iteye.com/blog/1393886
纯javascript增加删除表格行,新增,删除行
JavaScript动态操作表格,添加,删除行、列及单元格! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
利用javascript来结合html,可以动态的添加一行数据,和根据索引来删除一行数据。
使用javascript实现table动态增加删除行列。
NULL 博文链接:https://1148130696.iteye.com/blog/1726191
JSP中使用JavaScript动态插入删除输入框实现代码.docx
JavaScript动态生成带删除行功能的表格 本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码,供大家参考,具体内容如下 动态生成一个带删除行功能的表格: 实现思路 1、获取表格元素 2、获取要...
javascript动态增加、删除、填充表格内容 unction numberCells() { var count=0; for (i=0; i ; i++) { for (j=0; j (i).cells.length; j++) { document.all.mytable.rows(i).cells(j)....
javascript实现动态增加删除表格行(兼容IE FF).docx
通过js来控制动态加一行或删除一行,非常适合table中td一行的添加和删除。
javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩
可以动态的添加 删除 文本框!代码几乎不用修改就直接能用,简单方便
这是一个针对JavaScript数组的添加和删除的方法
javascript动态操作表格 1.添加表格 2.删除表格 3.选种表格 4.支持IE6.0和Firefox浏览器
主要介绍了JavaScript实现动态添加,删除行的方法,较为详细的分析了javascript操作table表格实现针对表格元素动态操作的相关技巧,需要的朋友可以参考下
又一个动态控制表格的效果,用JavaScript动态生成表格行、表格列,以及还可动态删除这些行列,行等,运行代码后,点击对应的功能按钮,即可实现对应的表格操作功能。 1.jsp 产品名称 编号 数量 重量 操作 ...