首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > JAVA > Java Web开发 >

动态删除table行(动态添加的文本行)解决方案

2012-03-15 
动态删除table行(动态添加的文本行)基本行: table width100% classtb idcontenttrtd width

动态删除table行(动态添加的文本行)
基本行: <table width="100%" class="tb" id="content">
<tr>
<td width="6%"><input type="hidden" name="id" id="id" /></td>
<td width="10%"><input type="text" name="minact" id="minact"
class="coninput911" parentname="month" />
</td>
<td width="10%"> < 用户数 < </td>
<td width="10%"><input type="text" name="maxact" id="maxact"
class="coninput911" parentname="month" />
</td>
<td width="10%">基本费用</td>
<td width="10%"><input type="text" name="basefees"
id="basefees" class="coninput911" parentname="month" />
</td>
<td width="7%">元/月</td>
<td width="10%"><input type="text" name="singlefees"
id="singlefees" class="coninput911" parentname="month" />
</td>
<td width="10%">元/月,终端</td>
<td width="10%"><input type="text" name="zhekou"
id="zhekou" class="coninput911" parentname="month" />
</td>
<td width="7%">%折扣<input type="hidden" name="feesid"> </td>
</tr>
</table>










要复制的行



<table class="tb1">
<tr>
<td width="6%">
<p id="remove" onclick="removeadd()">移除</p> 
<input type="hidden" name="id" id="id" />
</td>
<td width="10%"><input type="text" name="minact" id="minact"
class="coninput911" parentname="month" /></td>
<td width="10%"> < 用户数 < </td>
<td width="10%"><input type="text" name="maxact" id="maxact"
class="coninput911" parentname="month" /></td>
<td width="10%">基本费用:</td>
<td width="10%"><input type="text" name="basefees"
id="basefees" class="coninput911" parentname="month" /></td>
<td width="7%">元/月,</td>
<td width="10%"><input type="text" name="singlefees"
id="singlefees" class="coninput911" parentname="month" /></td>
<td width="10%">元/月,终端</td>
<td width="10%"><input type="text" name="zhekou"
id="zhekou" class="coninput911" parentname="month" /></td>
<td width="7%">%折扣</td>
</tr>
</table>

我的添加方法:$("#btnadd").bind('click', function() {
var tr = $(".tb1 tr").eq(0).clone(true);
// tr.find("td").get(0).innerHTML = ++i;
tr.show();
tr.appendTo($(".tb"));
});
});


现在我想要的一个效果是:添加多了几个空行,想删除掉,该如何实现?




------解决方案--------------------


你说哪里多了几个空行
[解决办法]
$(document).ready(function() {
 $("#newBtn").bind("click", function(){
//alert($("input:checked"));
$("#myTable").append("<tr><td><input id=\"sd\" type=\"checkbox\" /></td><td><input type=\"text\" /></td></tr>");
alert(document.getElementById('sd').value);
 }); 
 
 $("#delBtn").bind("click", function(){
//alert($("input:checked"));
$("input:checked").parent().parent().remove(); 
 }); 
 
});


[解决办法]
jquery
[解决办法]
那这个就需要你手动拼接字符串来实现了,你就不能用$(".tb")这样的选择器了,像二楼那样使用字符串拼接的方式在多写一个<input type="button" onclick="delThis(this)"/>自己在写一个delThis的删除方法就行了.

热点排行