您的位置:首页 > 其它

动态删除增加行

2016-03-04 15:52 190 查看
js
$("#btnMinus").bind("click",function(){
if($("#tblFlgg tr").length>2)
{
$("#tblFlgg tr:last").remove();
}
else{
alert('无法再删除行了!');
}
});
$("#btnAdd").bind("click",function(){
var newRow='<tr><td><input class="standard-input" value=""></td></tr>';
$("#tblFlgg tr:last").after(newRow);
});


html

<div class="standard-div" id="dvFlgg" style="display:none">
<div class="standard-table-div">
<table class="standard-table" border="1" id="tblFlgg">
<tr>
<td class="standard-table-title">填写规格</td>
</tr>
<tr>
<td style=""><span class="add-btn" id="btnAdd">+</span> <span class="minus-btn" id="btnMinus">-</span></td>
</tr>
</table>
</div>
<div class="standard-bottom-div">
<!-- 		<div class="commit-success">提交成功</div> -->
<div class="standard-btn-div">
<span class="commit-btn">提交</span> <span class="cancel-btn">取消</span>
</div>
</div>

</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: