增加删除行

最新推荐文章于 2021-07-28 11:17:39 发布

iteye_14884

最新推荐文章于 2021-07-28 11:17:39 发布

阅读量191

点赞数

分类专栏：知识点积累

本文链接：https://blog.csdn.net/iteye_14884/article/details/81803627

版权

知识点积累专栏收录该内容

16 篇文章 0 订阅

订阅专栏

//被操作模板
<table id="hiddenYSOtherFeeDiv">
<tr>
<td height="21" align="center" bgcolor="#FFFFFF" class="Text12Blue">
<span>0</span>
</td>
<td align="center" bgcolor="#FFFFFF">
<input type="text" name="otherSum" class="Input80_18" value="" style="text-align:right"/>
</td>
<td align="center" bgcolor="#FFFFFF">
<input type="text" name="otherMemo" class="Input350_18" value=""/>
</td>
<td align="center" bgcolor="#FFFFFF" width="90">
<input type="button" class="common_btn" value="删除" οnclick="commonDelete();"/>
</td>
</tr>
</table>
//显示块
<table width="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#BDD9FF" id="hotelYSOtherFeeTable">
<tr>
<td width="200" height="24" align="center" bgcolor="#E0ECFA" class="Text12Blue">应收序号</td>
<td width="100" align="center" bgcolor="#E0ECFA" class="Text12Blue">应收金额</td>
<td width="350" align="center" bgcolor="#E0ECFA" class="Text12Blue">备注</td>
<td width="90" align="center" bgcolor="#E0ECFA" class="Text12Blue">
<input type="button" value="增加" class="common_btn" οnclick="addOrderYSOtherFeeTR();"/>
</td>
</tr>
</table>

//增加操作
//增加应收附加费条
function addOrderYSOtherFeeTR(){
var template = document.getElementById("hiddenYSOtherFeeDiv");
var copyTable = template.cloneNode(true);
var templateTR = copyTable.children(0).children(0);
var aimObj = document.getElementById("hotelYSOtherFeeTable");
aimObj.children(0).appendChild(templateTR);

}

//删除操作
//删除方法提取
function commonDelete(){
var Elm = event.srcElement;
while (Elm && Elm.tagName != "TR") {
Elm = Elm.parentElement;
}
var intThisIndex = Elm.rowIndex;
Elm.parentElement.deleteRow(intThisIndex);
}