已解决问题
谷歌rvky请爱我用户在2016.04.18提交了关于“绅宝jquery动态增加删除表格行的小例子”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T11:38:19。希望大家能够帮助她。详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！
jquery动态增加删除表格行的小例子
时间：2016.04.18 发布人：rvky请爱我
谷歌rvky请爱我用户在2016.04.18提交了关于“绅宝jquery动态增加删除表格行的小例子”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-25T11:38:19。希望大家能够帮助她。
希望以下的回答，能够帮助你。用户名：zhangning2..
第1个回答
复制代码代码如下:
<scriptsrc="jquery/jquery-1.3.1.js"></script>
<styletype="text/css">
body{background:#FFFFFF;}
</style>
</head>
<body>
<script>
$(function(){
varshow_count=20;//要显示的条数
varcount=$("input:text").val();//递增的开始值，这里是你的ID
varfin_count=parseInt(count)+(show_count-1);//结束递增的条件
$("#btn_addtr").click(function(){
if(count<fin_count)//点击时候，如果当前的数字小于递增结束的条件
{
$("tr:eq(1)").clone().appendTo("table");//在表格后面添加一行
$("tr:lasttdinput:first").val(++count);//改变添加的行的ID值。
}
});
});
functiondeltr(){
varlength=$("tr").length;
if(length<=2){
alert("至少保留一行");
}else{
$("tr:last").remove();
}
}
</script>
<inputtype="button"id="btn_addtr"value="增行">
<tableid="dynamicTable"width="700"border="0"cellspacing="0"cellpadding="0">
<tr>
<tdheight="30"align="center"bgcolor="#CCCCCC">ID</td>
<tdalign="center"bgcolor="#CCCCCC">Username</td>
<tdalign="center"bgcolor="#CCCCCC">Usertype</td>
<tdalign="center"bgcolor="#CCCCCC">Other</td>
<td></td>
</tr>
<tr>
<tdheight="30"align="center"><inputtype="text"size="2"value="1"/></td>
<tdalign="center"><inputtype="text"name="username"/></td>
<tdalign="center">
<selectname="type">
<optionvalue="1">Administrator</option>
<optionvalue="2">Guest</option>
</select>
</td>
<tdalign="center"><inputtype="text"name="username2"/></td>
<td><inputtype="button"id="btn_deltr"onclick="deltr()"value="删行"></td>
</tr>
</table>
</body>