javascript添加删除表行

最新推荐文章于 2022-09-11 13:15:32 发布

hzf100

最新推荐文章于 2022-09-11 13:15:32 发布

阅读量795

点赞数

分类专栏： javascript 文章标签： javascript table class input function button

本文链接：https://blog.csdn.net/hzf100/article/details/1573527

版权

javascript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

iNowRowIndex=-1
tLinkmanNowRowIndex=-1
var_rowIndex=0

function btnAddLinkman_onclick() {
var newRow = tLinkman.insertRow();
// newRow.bgColor='#efefef';
var newCell0 = newRow.insertCell();
newCell0.className='table_body';
newCell0.width = '40';
newCell0.align = 'center';
var iRowLength = tLinkman.rows.length;
newCell0.innerText = iRowLength - 1 ;
var newCell1 = newRow.insertCell();
newCell1.className='table_body';
// newCell1.width = '16%';
newCell1.innerHTML = "<input type=text class=textfield id=linkmanName" + (iRowLength-1) + " maxlength=5 size =20 title='最大5个中文字符'>";
var newCell2 = newRow.insertCell();
newCell2.className='table_body';
newCell2.width = '16%';
newCell2.innerHTML = "<input type=text class=textfield id=linkmanPhone" + (iRowLength-1) + " maxlength=13 size =30 title='格式:xxx-xxxxxxxx 或 xxxx-xxxxxxx'>";
}

function btnDelRow_onclick(tablename) {
var itemp
itemp =-1

if ((eval(tablename + "NowRowIndex") + 1)>1)
{
itemp = eval(tablename+"NowRowIndex")
}
else
{
itemp = eval(tablename).rows.length -1
}

if (itemp >0)
{
  if (confirm("确定要" + event.srcElement.value + " " + itemp +" 吗?"))
  {
   eval(tablename).deleteRow(itemp)
   for (i=1;i<eval(tablename).rows.length;i++)
    eval(tablename).rows[i].cells[0].innerText = i
  }
}
// if (tableName=="tLinkman")
  tLinkmanNowRowIndex = -1
}

function getRow(e)
{
event.cancellBulle=true
var itemp;
var tableName
var iNowRowIndex

itemp=-1
tableName=""
iNowRowIndex = -1
if (event.srcElement.tagName.toLowerCase() == "td")
{
  iNowRowIndex = event.srcElement.parentElement.rowIndex ;
  tableName = event.srcElement.parentElement.parentElement.parentElement.id.toString()
}
if (event.srcElement.tagName.toLowerCase() == "input")
{
  iNowRowIndex = event.srcElement.parentElement.parentElement.rowIndex;
  tableName = event.srcElement.parentElement.parentElement.parentElement.parentElement.id.toString()
// alert(tableName)
}

itemp = eval(tableName + "NowRowIndex")
if (itemp > 0)
{
  eval(tableName).rows[itemp].bgColor = '#ffffff';
  eval(tableName).rows[itemp].cells[0].innerText = itemp
}
if(iNowRowIndex > -1)
{
  if(iNowRowIndex > 0)
  {
   eval(tableName).rows[iNowRowIndex].cells[0].innerHTML = '<font color=blue>&#9658</font>'
   eval(tableName).rows[iNowRowIndex].bgColor = '#efefef'
  }
  if (tableName=="tLinkman")
   tLinkmanNowRowIndex = iNowRowIndex
}
}
//-->
    </script>

</head>
<body>
    <input language="javascript" id="btnAddLinkman" οnclick="btnAddLinkman_onclick()"
        type="button" value="增加联系人" name="btnAddLinkman">
    <input language="javascript" id="btnDelLinkman" οnclick="btnDelRow_onclick('tLinkman')"
        type="button" value="删除联系人">
    <table class="table_all" id="tLinkman" cellspacing="0" cellpadding="0" width="100%"
        align="left" border="1">
        <tr>
            <td class="table_second_title" align="left" width="45">
                行号</td>
            <td class="table_second_title" align="left" width="80">
                姓名</td>
            <td class="table_second_title" align="left" width="80">
                联系电话</td>
        </tr>
    </table>
</body>
</html>

hzf100

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript添加删除表行

var tLinkmanNowRowIndexvar var_rowIndexiNowRowIndex=-1tLinkmanNowRowIndex=-1var_rowIndex=0function btnAddLinkman_onclick() { var newRow = tLinkman.insertRow();// newRow.bgColor=#efefef; va
复制链接

扫一扫