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

  • 相关阅读:
    python nltk nltk_data 离线安装,chatterbot
    ubuntu 16.04 64位 安装nvidia cuda
    发送imessage消息
    lua lor mongol socket.http
    pipenv
    headers参数格式化
    Linux删除空文件 空文件夹
    adb 操作安卓手机
    django 实现简单的检索功能
    1044: Access denied for user 'hehe'@'localhost' to database 'imooc'
  • 原文地址:https://www.cnblogs.com/xyzq/p/6066480.html
Copyright © 2011-2022 走看看