zoukankan      html  css  js  c++  java
  • js操作table

    一、增加行

      表格:<table id="attachtab" border="0" cellpadding="0" cellspacing="0"></table>

    //添加签批人
    function addChecker() {
    var bgame_table = document.getElementById('attachtab');
    currRow = bgame_table.insertRow(-1);//从-1开始的
    currRow.id = "attachtabDtl"+ currRow.rowIndex;
    cellc=currRow.insertCell(-1);
    var j = parseInt(document.getElementById("checkSort").value)+1;
    var delobj = "第"+j+"签批人";
    cellc.innerHTML=delobj;

    cellc=currRow.insertCell(-1);
    var userId = "userId"+j;
    var userName = "userName"+j;
    var delobj = '<input type="hidden" id="'+userId+'" value="'+j+'">'+
    '<input type="text" height="22" id="'+userName+'" name="'+userName+'" size="60" disabled="disabled" >';
    // alert(delobj);
    cellc.innerHTML=delobj;

    var buttonelement = document.createElement('input');
    buttonelement.type="button";
    buttonelement.value="选择签批人";
    // buttonelement.class= "wfbtn";
    buttonelement.onclick=function(){
    openPop("UserToAdd.shtml?userIdEleId='"+userId+"'&userNameEleId='"+userName+"'&selectType=2");
    };
    cellc=currRow.insertCell(-1);
    cellc.appendChild(buttonelement);
    document.getElementById("checkSort").value = j;
    }

    一、删除行

    //减少签批人
    function delChecker() {
    //获取table对象
    var tab = document.getElementById("attachtab")
    //当前有多少行rows.length
    var rowSize=tab.rows.length;
    if(parseInt(document.getElementById("checkSort").value)<1){
    $.ligerDialog.warn('已经没有签批人了');
    return;
    }
    //每次删除最后一行deleteRow(index)
    tab.deleteRow(rowSize-1);//因为行的下标是从0开始的,所以行数(rowSize)和行的最大下标不同哦哦哦
    var i = parseInt(document.getElementById("checkSort").value)-1;
    document.getElementById("checkSort").value = i;
    }

  • 相关阅读:
    【JVM】内存与垃圾回收
    【缓存】缓存与分布式锁
    【Redis】入门与基础总结
    【Elasticsearch7.x】Elasticsearch 入门
    iOS开发ReactiveCocoa学习笔记(六)
    iOS开发ReactiveCocoa学习笔记(五)
    iOS开发ReactiveCocoa学习笔记(四)
    iOS开发ReactiveCocoa学习笔记(三)
    iOS开发ReactiveCocoa学习笔记(二)
    iOS开发ReactiveCocoa学习笔记(一)
  • 原文地址:https://www.cnblogs.com/xyzq/p/6066480.html
Copyright © 2011-2022 走看看