小弟我就想用js实现新增行删除行的功能 已经写了1天了 实在不会了 求大神帮帮小弟我
日期：2014-05-16 浏览次数：20361 次
我就想用js实现新增行删除行的功能 已经写了1天了 实在不会了 求大神帮帮我！
我就想用js实现新增行 删除行两个按钮的功能 代码我都拿出来了 哪位大神帮我改改 随便改只要是js 感激不尽
我就想用js实现新增行 删除行两个按钮的功能 代码我都拿出来了 哪位大神帮我改改 随便改只要是js 感激不尽
<html>
<head>
<script type="text/javascript">
function f1(){ //新增行
var i=0
var objrow = Mytable.insertRow(1);
for(i=0;i<4;i++){
var objcell = objrow.insertCell(i);
objcell.innerHTML = document.getElementById("td"+i).innerHTML;
}
}
function f2(){ //删除行 我只能实现一行一行的删除不能实现勾选哪行删除哪行
Mytable.deleteRow(1);
}
</script>
</head>
<body>
<table id="addButton1" name="x-btn">
<tr>
<td class="x-btn-center">
<button type="button" hidefocus="true" class="x-btn-text add" onclick="f1()">新增行</button>
</td>
</tr>
<tr>
<td class="x-btn-center">
<button type="button" hidefocus="true" class="x-btn-text delete" onclick="f2()" >删除行</button>
</td>
</tr>
</table>
<table id="Mytable" >
<thead>
<tr>
<th width="30px" align="center">
<div>选择</div></th>
<th align="center">
<div>行号</div></th>
<th align="center">
<div>本次退货数量</div></th>
<th align="center">
<div>本次退货数量</div></th>
</tr>
</thead>
<tbody id="tab1" style="display:">
<tr class="odd">
<td id="td0">
<input type="checkbox" name="checkbox1" value="1" id="checkid">
</td>
<td id="td1">
<input type="TEXT" />
</td>
<td id="td2">
<input type="TEXT" />
</td>
<td id="td3">
<input type="TEXT" />
</td>
</tr>
</tbody>
</table>
</body>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
