<script language="javascript">
function addRow(){
var dataBox = document.getElementById("skinRow");
var oTr = dataBox.insertRow(dataBox.rows.length);
var oTd = oTr.insertCell();
oTd.innerHTML = '<input type="checkbox" name="select">';
oTd = oTr.insertCell();
oTd.innerHTML = '皮肤名';
oTd.width = "12%";
oTd = oTr.insertCell();
oTd.innerHTML = '<input type="text" readonly size=15>';
oTd.width = "30%";
oTd = oTr.insertCell();
oTd.innerHTML = '皮肤别名';
oTd = oTr.insertCell();
oTd.innerHTML = '<input type="text" size=15>';
}
function deleteRow(){
var dataBox = document.getElementById("skinRow");
var len = dataBox.rows.length;
var num = 0;
for(var i=len-1;i>=0;i--){
if(dataBox.rows[i].cells[0].children[0].checked){
if(i==0){
alert("添加项至少保留一项");
return;
}
num = 1;
dataBox.rows[i].removeNode(true);
}
}
if(num==0){
alert("请选中所要删除的项");
}
}
</script>
分享到:
相关推荐
在JavaScript中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`<table>`元素及其相关...
在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示或者管理界面非常实用。 首先,让我们了解HTML表格的基本结构。一个简单的HTML表格由`<table>`标签定义,每...
这篇教程将专注于如何使用JavaScript动态地添加、删除Table的行,并实现排序功能,包括删除整行和整列。以下是对这些概念的详细解释: 1. **动态添加Table行:** 要动态添加行,我们可以使用`document....
本文将深入探讨`jstable`库中的“行添加”和“行删除”功能,以及如何在实际项目中运用这些功能。 ### jstable简介 `jstable` 是一个轻量级的JavaScript插件,专门用于创建具有Ajax支持的数据表格。它允许用户以...
在JavaScript中,对HTML表格(`<table>`元素)进行添加和删除行的操作是常见的前端开发任务,尤其在动态展示数据或用户交互场景下。这篇博文主要探讨如何使用JavaScript实现这些功能。 首先,我们需要理解HTML表格...
在JavaScript中,添加和删除表格是常见的操作,特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能,并提供一个简单的源码示例。首先,我们需要理解HTML表格的基本结构,然后利用...
在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...
本文将介绍如何使用JavaScript实现对HTML表格中动态添加、删除和更新行(Row)的方法,这些操作能够帮助开发者更加灵活地管理表格数据。 首先,我们需要了解HTML中表格的基本结构。一个表格由多个`<table>`标签构成...
这篇文章主要介绍了如何使用jQuery在指定的HTML表格(table)中动态地添加和删除行。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作,包括在表格中动态修改内容。 首先,我们要理解HTML表格的基本结构,一个...
本教程将深入探讨如何使用jQuery实现表格(table)的动态添加行和编辑功能,这对于构建数据驱动的Web应用至关重要。 首先,我们需要一个基本的HTML结构来展示表格。一个简单的表格通常包括thead部分(表头)和tbody...
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括动态地添加和删除表格行。本文将深入探讨如何使用jQuery实现这一功能,以提高网页交互性。 一、HTML基础 首先,我们需要一个基本...
本文将深入探讨如何使用纯JavaScript实现动态的行添加与删除功能,尤其关注在特定条件下的按钮显示逻辑。这个功能通常应用于表格或者列表的管理,比如在线表单、任务列表等。 首先,我们需要创建一个基础的HTML结构...
本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`<table>`元素、`<tr>`(表格行)元素、`<td>`(表格数据单元格)元素组成。如果...
在JavaScript中实现添加删除行的功能是一项常见的任务,尤其在网页表格或者数据管理界面中。这里我们将探讨四种不同的方法来实现这一功能,每种方法都有其适用场景和优缺点。 **方法一:DOM操作** 最基础的方法是...
在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这个例子主要展示了如何使用JS实现这一功能。首先,我们来理解这个“动态添加table行的js例子”的核心知识点。 1. **...
在IT行业中,前端开发经常会遇到需要对表格数据进行动态操作的需求,例如添加、编辑、删除以及保存等。Layui是一个流行的JavaScript框架,它提供了丰富的组件和API,使得这些操作变得简单易行。本示例将详细介绍如何...
在JavaScript中实现删除行的函数: ```javascript function deleteTableRow() { if (table.rows.length > 1) { // 防止删除最后一行导致表格消失 table.deleteRow(-1); // 删除最后一行 } } ``` 以上就是如何...
在JavaScript(JS)中,对HTML表格进行操作是常见的需求,包括添加新的行或删除现有的行。这在网页动态交互中非常有用,比如用户输入数据的管理或者展示数据的增删改查功能。以下我们将详细讲解如何使用JavaScript来...
在JavaScript中,动态地添加或删除表格数据行是常见的需求,尤其在开发交互式Web应用时。本篇文章将深入探讨如何实现这些功能,并提供相关的源码示例。 首先,我们来了解一下HTML表格的基本结构。一个表格由`<table...
在本文中,我们将深入探讨如何使用JavaScript来实现HTML表格的增加和删除功能。 首先,HTML表格是由`<table>`、`<tr>`(行)、`<th>`(表头)和`<td>`(单元格)等标签构成的。通过JavaScript,我们可以对这些元素...