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;
    }

  • 相关阅读:
    vue+element-ui中的表单验证(电话等等)
    什么是 RegExp?
    C中的指针和字符串
    getchar与scanf区别
    回显程序
    Python基础之容器1----字符串和列表
    Python基础之语句2
    Python基础之语句1
    Python基础之数据基本运算
    python初识
  • 原文地址:https://www.cnblogs.com/xyzq/p/6066480.html
Copyright © 2011-2022 走看看