`
peng_jian_ming
  • 浏览: 259071 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JS方法实现table中Row的添加删除

 
阅读更多
<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中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    table JS 添加行和删除行

    在本话题中,我们将深入探讨如何使用JavaScript来添加和删除HTML表格(table)中的行。这对于构建数据展示或者管理界面非常实用。 首先,让我们了解HTML表格的基本结构。一个简单的HTML表格由`&lt;table&gt;`标签定义,每...

    JS动态添加、删除Table行排序(删除整行、删除整列)

    这篇教程将专注于如何使用JavaScript动态地添加、删除Table的行,并实现排序功能,包括删除整行和整列。以下是对这些概念的详细解释: 1. **动态添加Table行:** 要动态添加行,我们可以使用`document....

    table删除和添加

    本文将深入探讨`jstable`库中的“行添加”和“行删除”功能,以及如何在实际项目中运用这些功能。 ### jstable简介 `jstable` 是一个轻量级的JavaScript插件,专门用于创建具有Ajax支持的数据表格。它允许用户以...

    javascript对table的添加,删除行的操作

    在JavaScript中,对HTML表格(`&lt;table&gt;`元素)进行添加和删除行的操作是常见的前端开发任务,尤其在动态展示数据或用户交互场景下。这篇博文主要探讨如何使用JavaScript实现这些功能。 首先,我们需要理解HTML表格...

    js 添加删除表格

    在JavaScript中,添加和删除表格是常见的操作,特别是在动态网页设计和前端开发中。这篇文章将深入探讨如何使用JavaScript实现这个功能,并提供一个简单的源码示例。首先,我们需要理解HTML表格的基本结构,然后利用...

    jstable添加行删除行复制行

    在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...

    js实现对table动态添加、删除和更新的方法

    本文将介绍如何使用JavaScript实现对HTML表格中动态添加、删除和更新行(Row)的方法,这些操作能够帮助开发者更加灵活地管理表格数据。 首先,我们需要了解HTML中表格的基本结构。一个表格由多个`&lt;table&gt;`标签构成...

    利用jquery给指定的table动态添加一行、删除一行的方法

    这篇文章主要介绍了如何使用jQuery在指定的HTML表格(table)中动态地添加和删除行。jQuery是一种广泛使用的JavaScript库,它简化了DOM操作,包括在表格中动态修改内容。 首先,我们要理解HTML表格的基本结构,一个...

    jquery实现table自动添加行和编辑

    本教程将深入探讨如何使用jQuery实现表格(table)的动态添加行和编辑功能,这对于构建数据驱动的Web应用至关重要。 首先,我们需要一个基本的HTML结构来展示表格。一个简单的表格通常包括thead部分(表头)和tbody...

    JQuery动态添加删除table行.

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括动态地添加和删除表格行。本文将深入探讨如何使用jQuery实现这一功能,以提高网页交互性。 一、HTML基础 首先,我们需要一个基本...

    纯js实现行的添加删除

    本文将深入探讨如何使用纯JavaScript实现动态的行添加与删除功能,尤其关注在特定条件下的按钮显示逻辑。这个功能通常应用于表格或者列表的管理,比如在线表单、任务列表等。 首先,我们需要创建一个基础的HTML结构...

    js 操作 增加删除Table行

    本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素、`&lt;tr&gt;`(表格行)元素、`&lt;td&gt;`(表格数据单元格)元素组成。如果...

    js添加删除行功能实现

    在JavaScript中实现添加删除行的功能是一项常见的任务,尤其在网页表格或者数据管理界面中。这里我们将探讨四种不同的方法来实现这一功能,每种方法都有其适用场景和优缺点。 **方法一:DOM操作** 最基础的方法是...

    一个动态添加table行的js例子

    在JavaScript编程中,动态添加和删除表格行是一个常见的需求,特别是在网页交互和数据展示中。这个例子主要展示了如何使用JS实现这一功能。首先,我们来理解这个“动态添加table行的js例子”的核心知识点。 1. **...

    下拉框的内容通过js插入到table中

    在JavaScript中实现删除行的函数: ```javascript function deleteTableRow() { if (table.rows.length &gt; 1) { // 防止删除最后一行导致表格消失 table.deleteRow(-1); // 删除最后一行 } } ``` 以上就是如何...

    JS表操作代码实现增加、删除

    在JavaScript(JS)中,对HTML表格进行操作是常见的需求,包括添加新的行或删除现有的行。这在网页动态交互中非常有用,比如用户输入数据的管理或者展示数据的增删改查功能。以下我们将详细讲解如何使用JavaScript来...

    常用的js动态增加(删除)table数据行的功能

    在JavaScript中,动态地添加或删除表格数据行是常见的需求,尤其在开发交互式Web应用时。本篇文章将深入探讨如何实现这些功能,并提供相关的源码示例。 首先,我们来了解一下HTML表格的基本结构。一个表格由`&lt;table...

    js操作html表格, 增加,删除

    在本文中,我们将深入探讨如何使用JavaScript来实现HTML表格的增加和删除功能。 首先,HTML表格是由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;th&gt;`(表头)和`&lt;td&gt;`(单元格)等标签构成的。通过JavaScript,我们可以对这些元素...

    js动态创建table点击按钮dom table tr添加操作

    本主题主要聚焦于如何利用JavaScript动态创建一个包含表格(table)的DOM结构,并且在表格行(tr)中添加可点击的按钮。这通常用于展示数据集,允许用户进行交互操作,比如删除、编辑或查看详情。 首先,我们需要...

Global site tag (gtag.js) - Google Analytics