精华内容
下载资源
问答
  • js动态表格添加一行删除一行保存一行
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript"> 
     //窗口表格增加一行
      function addNewRow(){
       var tabObj=document.getElementById("myTab");//获取添加数据的表格
       var rowsNum = tabObj.rows.length;  //获取当前行数
       //var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数
       
       var myNewRow = tabObj.insertRow(rowsNum);//插入新行
       //1checkbox
       var newTdObj1=myNewRow.insertCell(0);
       newTdObj1.innerHTML="<input type='checkbox' name='chkArr'   id='chkArr_"+rowsNum+"' style='width:20px' />";
       //2序号
       var newTdObj2=myNewRow.insertCell(1);
       newTdObj2.innerHTML="<input type='text'     name='nodecode' id='nodecode_"+rowsNum+"' style='width:40px' value='"+rowsNum+"'/>";
       //3节点名称
       var newTdObj3=myNewRow.insertCell(2);
       newTdObj3.innerHTML="<input type='text'     name='nodename' id='nodename_"+rowsNum+"' style='width:140px' />";
       
       //4
       var newTdObj4=myNewRow.insertCell(3);
       newTdObj4.innerHTML="<input type='text'     name='nodeper_"+rowsNum+"'   style='width:140px' />";
       
       var newTdObj5=myNewRow.insertCell(4);
       newTdObj5.innerHTML="<input type='text'     name='nodeper_"+rowsNum+"'   style='width:140px' />";
       
       
       var newTdObj6=myNewRow.insertCell(5);
       newTdObj6.innerHTML="<input type='button'    name='saveButton'  id='saveButton_"+rowsNum+"'  value='保存'  οnclick='saveData("+rowsNum+")' style='width:60px' />";
      }
    //窗口表格删除一行
      function removeRow(){
       var chkObj=document.getElementsByName("chkArr");
       var tabObj=document.getElementById("myTab");
       for(var k=0;k<chkObj.length;k++){
        if(chkObj[k].checked){
         tabObj.deleteRow(k+1);
         k=-1;
        }
       }
      }
      
      function saveData(rowsNum){
      var codeValue = document.getElementById("nodename_"+rowsNum).value;
      alert(codeValue);
      var nodeperValueArray = document.getElementsByName("nodeper_"+rowsNum);
     for(var i=0;i<nodeperValueArray.length;i++){
    var nodeperValue = nodeperValueArray[i].value;
    alert(nodeperValue);
     }
      }
    </script>
    </head>
    <body>
    <input type="button" name="xx" οnclick="addNewRow();" value="增加一行" />
    <input type="button" name="yy" οnclick="removeRow();" value="删除一行" />
    <table width="600px" border="1" cellpadding="0" cellspacing="0" id="myTab">
            <tr>
             <td width="40px"  align="center" >操作</td>
             <td width="40px"  align="center" >序号</td>
             <td width="70px"  align="center" >节点名称</td>
             <td width="70px"  align="center" >节点编码1</td>
    <td width="70px"  align="center" >节点编码2</td>
    <td width="70px"  align="center" >操作</td>
           </tr>
        </table>
    </body>
    </html>
    展开全文
  • 动态表格,功能为点击添加按钮,表格增加一行并给其name属性赋予的值,点击删除,自动删除这一行,具体实现如下
  • js 动态表格添加一行删除一行

    千次阅读 2016-08-05 19:48:38
    js 动态表格添加一行删除一行
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="javascript"> 
     //窗口表格增加一行
      function addNewRow(){
       var tabObj=document.getElementById("myTab");//获取添加数据的表格
       var rowsNum = tabObj.rows.length;  //获取当前行数
       var colsNum=tabObj.rows[rowsNum-1].cells.length;//获取行的列数
       var myNewRow = tabObj.insertRow(rowsNum);//插入新行
       var newTdObj1=myNewRow.insertCell(0);
       newTdObj1.innerHTML="<input type='checkbox' name='chkArr' id='chkArr'"+rowsNum+" style='width:20px' />";
       var newTdObj2=myNewRow.insertCell(1);
       newTdObj2.innerHTML="<input type='text' name='nodecode' id='nodecode'"+rowsNum+" style='width:40px' value='"+rowsNum+"'/>";
       var newTdObj3=myNewRow.insertCell(2);
       newTdObj3.innerHTML="<input type='text' name='nodename' id='nodename'"+rowsNum+" style='width:120px' />";
       var newTdObj4=myNewRow.insertCell(3);
       newTdObj4.innerHTML="<input type='text' name='nodeper' id='nodeper'"+rowsNum+" style='width:60px' />";
      }
    //窗口表格删除一行
      function removeRow(){
       var chkObj=document.getElementsByName("chkArr");
       var tabObj=document.getElementById("myTab");
       for(var k=0;k<chkObj.length;k++){
        if(chkObj[k].checked){
         tabObj.deleteRow(k+1);
         k=-1;
        }
       }
      }
    </script>
    </head>
    <body>
    <input type="button" name="xx" οnclick="addNewRow();" value="增加一行" />
    <input type="button" name="yy" οnclick="removeRow();" value="删除一行" />
    <table width="600px" border="1" cellpadding="0" cellspacing="0" id="myTab">
            <tr>
             <td width="40px" class="top-bt liebiao-c" align="center" >操作</td>
            <td width="40px" class="top-bt liebiao-c" align="center" >序号</td>
            <td class="top-bt liebiao-c" align="center" >节点名称</td>
            <td width="80px" class="top-bt liebiao-c" align="center" >节点比例</td>
           </tr>
        </table>
    </body>
    </html>
    展开全文
  • 只给表格最后一行添加自定义按钮 return中定义一个变量接收表格数据的length this.maxIndex = this.tableData.length template中v-if判断当前行索引是否===length-1即可 <el-table-column label="操作" width=...

    element table组件只给表格最后一行添加自定义按钮

    return中定义一个变量接收表格数据的length

    data() {
    	return {
    		maxIndex: 0,
    	}
    }
    

    发送请求接收到table数据后,数组长度赋值给maxIndex

    this.maxIndex = res.data.length
    

    template中v-if判断当前行索引是否===length-1即可

    <el-table-column label="操作" width="140">
    	<template slot-scope="scope">
    		<el-button type="text" size="small" v-if="scope.$index===maxIndex-1">添加账号</el-button>
    	</template>
    </el-table-column>
    

    实现效果:
    在这里插入图片描述

    展开全文
  • 功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取点击删除,自动删除这一行JQuery中定义一个count变量var count = 1;function add() {var tbl = document.all.ci;var rows = tbl.rows.length;...

    功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取

    点击删除,自动删除这一行

    JQuery中定义一个count变量

    var count = 1;

    function add() {

    var tbl = document.all.ci;

    var rows = tbl.rows.length;

    var tr = tbl.insertRow(rows);

    var e_id = tr.insertCell(0);

    e_id.innerHTML = '';

    var class_id = tr.insertCell(1);

    class_id.innerHTML = '';

    var memo = tr.insertCell(2);

    memo.innerHTML = '';

    var del = tr.insertCell(3);

    del.innerHTML = '';

    count++;

    }

    function del(btn) {

    var tr = btn.parentElement.parentElement;

    var tbl = tr.parentElement;

    if (tr.rowIndex >= 1) {

    tbl.deleteRow(tr.rowIndex);

    } else {

    }

    };

    展开全文
  • Jquery实现表格动态增加一行,删除一行(最简洁的代码实现)
  • easyui datagrid表格最后一行添加合计

    千次阅读 2019-09-21 23:35:58
    /* 启用可编辑表格*/ var editIndex = undefined; function onClickRow(index){ if (editIndex == index)return false; if (endEditing()){ objs.datagrid.datagrid('selectRow', index).datagrid('...
  • thinkphp 删除表格最后一行

    千次阅读 2014-11-14 11:30:00
    问题描述: ...这里贴出完整代码,添加表格新行及删除表格最后一行。 $(document).ready(function() { var row=1; //用来标识当前行数 $("#add").click(function(){//新表格行html var lin
  • 点击《增加》按钮后,其函数响应函数... // TODO: 添加控件通知处理程序代码  long len = m_flexgrid.get_Rows(); //m_flexgrid为MSFlexgrid控件的变量   // m_basicflexgrid.AddItem("AddString"/*
  • id="names" name="names"> 数量:</label><input type="text" id="num" name="num"> 单价:</label><input type="text" id="price" name="price"> 添加</button> <hr> <script> var bn,inputs,table,...
  • js表格最后添加一行

    千次阅读 2014-03-03 16:58:22
    在表格最后加入一行 三种方法 方法一: jquery: function add_cg(c) { var str = ''; str += ""; str += "" + (c+1) + "  "; str += ""; str += ""; //$("#cg_title_list
  • -------------------------------html部分--------------------------      第一行      1       追加 减少 -------------------------------jQ
  • VBA删除表格最后一行

    2016-04-18 10:27:00
    Sub 删除最后一行() If MsgBox("要为所有表格添加列吗?", vbYesNo + vbQuestion) = vbYes Then For i = 1 To ActiveDocument.Tables.Count ActiveDocument.Tables(i).Rows.Last.Delete Next MsgBox ("完成") ...
  • Excel表格中数据的汇总是我们经常遇到的问题;如果只是汇总已有的数据可以通过简单的数据透视表快速的汇总数据,但是数据实时更新和增加继续用数据透视表来做就需要更新次数据刷新次数据透视表。今天就为朋友...
  • 需求描述:用户页面上点击按钮,可以把文本框中的数据在表格的新的一行中显示,具体表现如下图:如果如果输入框内容有一项为空,弹出对话框‘请将数据填入完全步骤:1.按钮注册单击事件2.获取并判断文本框的内容4....
  • 我想用html和css制作表格。但我的问题是,我希望桌子有两种颜色的行,一个橙色和一个白色....我使用JavaScript来填充...我的代码如下:更改表格一行的颜色,htmlAccount TypeMinimun RequiredRateCompoundedfor ...
  • 现在任何事务都追求效率和人性化,当然网页效果也是如此,如果一个可以编辑数据的表格,编辑到最后一行的时候,点击可以自动添加一行,这样算是一个比较人性化的效果,可以免去一丝劳顿之苦,下面分享一段这样的代码
  • 今天小编就为大家分享一篇Layui给数据表格动态添加一行并跳转到添加行所在页的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 最近做的项目中有一个需求就是要求在线填写表格内容时,不够的话可以动态添加一行,我这里用的jQuery来实现,下面是我项目截图展现: 当点击“添加输入框”按钮时,就会自动添加一行 下面我们来一下代码实现(把...
  • 主要介绍了BootStrap给table表格的每一行添加一个按钮事件的相关资料,需要的朋友可以参考下
  • 今天小编就为大家分享一篇layui点击数据表格添加或删除一行的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 最近做项目遇到一个问题:循环表格最后一行重新设置样式问题。???????????? 解决方法 动态添加class名设置样式(:class="{'special-style':idx===item.data.length - 1}")。 代码 <table v-for="item in ...
  • jQuery动态增加表格一行和删除一行

    千次阅读 2018-11-07 22:22:41
    jQuery动态增加表格一行和删除一行
  • ``` <!... ; charset=UTF-8"> ...[在最后一页点击添加就可以了图片说明](https://img-ask.csdn.net/upload/201711/05/1509852171_550306.png) 就是个这个问题 就是不能再第添加直接会覆盖最后天数据
  • 使用Excel过程中,我们会遇到需要插入相同格式的多行或多列,如果一行行或一列列的插入,对于插入的数量较少的情况还是适用的。可是如果需要插入上百的行或列,使用此方法就比较费时费力啦。分享几个小技巧实现...
  • html表格新增一行和删除一行

    千次阅读 2019-01-21 10:17:01
    主要思路:现在页面中写段你想要的html代码样式,然后设置为隐藏不可见(style="display: none").然后js中获取该段代码,做处理后重写回html中   &lt;!DOCTYPE html&gt; &lt;...
  • 这几天基于react写了一个小demo测试,主要实现的功能是:输入框中输入文字,点击添加按钮,下方的表格中会自动添加一行数据,点击删除按钮后,该行数据被删除。  先来看看最后的效果图:  操作前  操作...
  • •问题描述:想实现点击按钮在表格添加一行的功能,但发现layuii并未集成该工具栏,因此,需要自己手动添加这个功能;•原先我写的table是这样实现的:$("#addTable").click(function(){var tr=" "+" 11"+" 22"+" 33...
  • js动态给表格添加一行、删除一行

    千次阅读 2018-10-30 15:11:06
    // 编写一个函数,供添加按钮调用,动态在表格最后一行添加子节点; var num=2; function add(){ num++; var tr=document.createElement("tr"); var xh=document.createElement("td"); ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 300,832
精华内容 120,332
关键字:

在表格最后一行之后添加一行