<script type="text/javascript">
//控制新增图片
var i=2;
var num;
function insRow()
{
x=ttb98.insertRow(ttb98.rows.length);
x.ln=i;
var num=document.getElementById('num').value;
var h1=x.insertCell(0);
var h2=x.insertCell(1);
h1.innerHTML="";
h2.innerHTML= "新增图片"+(i-1)+" :<input name='pictitle1"+(i)+"' type='text' onfocus=hidethis('pictitle1"+(i)+"') value='图片标题' id='pictitle1"+(i)+"'>"+" <span style='color:red;'>*</span>test<input type=button id='delete"+(i)+"' value= '删除 ' ln= " + i + " onclick= 'javascript:delRow(); '> "
if(i==11){alert('最多只能增加十行!');
document.getElementById('picup').style.display='none';
}
var num=document.getElementById('num').value;
num=i;
document.getElementById('num').value=num;
for(j=0;j<11;j++){
if(i>=3){
document.getElementById('delete'+(i-1)+'').style.display='none';
}
}
i=i+1;
x.bgColor="#ffffff"
//alert(i);
}
function delRow() //删除一行
{
line = parseInt(event.srcElement.ln,10);
if (line> 0){
for (j=1;j <ttb98.rows.length;j++) {
if (ttb98.rows[j].ln==line) {
ttb98.deleteRow(j);
i--;
num=i;
/* if(document.getElementById('delete'+(i-1)+'').style.display=''){
if(i==2){
alert('删除完成!');
}else{document.getElementById('delete'+(i-1)+'').style.display=''; }
}
*/
if(i==2){
document.getElementById('num').value=1;
}else{
num--;
document.getElementById('num').value=num;
document.getElementById('delete'+(i-1)+'').style.display='';
}
}
}
}
}
function hidethis(id){
document.getElementById(id).value="";
}
</script>
<table id="ttb98">
<tr>
<td>test page</td>
</tr>
</table>
<input type="text" value="1" name="num" />
<input id="picup" type='button' value="add" onclick="insRow()" >
分享到:
相关推荐
在IT领域,尤其是在网页开发和用户界面设计中,动态添加删除表格是一项常用的技术。它允许用户根据需求在界面上自由地增加或减少表格行或列,提高了交互性和用户体验。本篇将深入探讨这一主题,主要关注如何实现这个...
html动态删除添加表格
在JavaScript中,动态添加和删除表格是常见的网页交互功能,主要应用于数据展示、表单处理等场景。这篇博文通过一个简单的实例,展示了如何利用JavaScript实现这个功能。在讲解之前,我们先了解一下HTML表格的基本...
这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具",我们可以推测这篇文章会包含实际的代码示例和实用方法。 在HTML中,`<table>`元素用于创建...
在开发Web应用时,动态添加和删除表格行是常见的需求,尤其在数据管理或表单填写场景中。本文将深入探讨如何使用C#后端和JavaScript前端技术来实现这一功能,为初学者提供一个基础的实践指导。 首先,我们要了解...
本示例“jquery表格动态添加删除行代码”利用jQuery的强大功能,为用户提供了一个直观且用户友好的表格管理体验。这个代码实现了一个功能,即在表格中动态地添加和删除行,这对于数据展示和编辑是非常实用的。 首先...
在JavaScript中,添加和删除表格是常见的操作,特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能,并提供一个简单的源码示例。首先,我们需要理解HTML表格的基本结构,然后利用...
动态添加js,动态添加表格和删除表格,批量添加记录,批量添加
动态添加表格和删除表格.html
layui表格动态添加|layui表格可编辑动态添加
本项目提供了一个基于Bootstrap样式的vue动态添加删除表格数据的示例。 首先,我们需要了解基本的Vue.js概念。Vue实例是应用的核心,它包含了数据(data)、方法(methods)、计算属性(computed)等。在这个项目中...
<title>jQuery动态添加删除行 <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 姓名 年龄 操作 张三 <td>25 <td><button class="delete">删除</button></td> ...
在网页开发中,jQuery库因其简洁的语法和强大的功能,被广泛用于处理DOM操作,包括动态添加和删除表格行。本篇文章将详细讲解如何利用jQuery实现这两种操作。 首先,我们来理解HTML表格的基本结构。一个表格由`...
本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先,我们来了解一下HTML表格的基本结构。一个表格由`<table>`元素包含,其中包含`<tr>`(表格行)元素,每行内可以有多个`<td>`(表格数据单元格)或`...
4. **编程式布局操作**:使用Java或Kotlin代码动态地添加、删除或修改布局元素。这包括`addView()`方法,用于将新视图添加到父布局中,以及`removeView()`方法,用于移除视图。 5. **数据绑定**:如果你的数据源是...
3.动态添加节点/动态删除节点/动态移动节点 4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格...
NULL 博文链接:https://1148130696.iteye.com/blog/1726191