jQuery动态增加表格一行和删除一行

今天在处理表格的动态增加一行,和删除一行,一开始用js,但是写起来有点复杂,而且不好控制,最后还是用了jQuery,很轻松的就搞定了,代码如下:

$(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();
 });
 
});

这样就可以轻松的搞定了,也可以进行多行的删除

JEECG官方博客 CSDN认证博客专家 开源达人 低代码 流程引擎
专注技术开源,打造企业级低代码平台—JEECG、免费可视化报表-JimuReport、免费微信管家—JeeWx(以往荣誉: CSDN专家访谈,ITEYE访谈、连续五年中国最火TOP5、十大优秀开源项目、微信开发商大会第一名等)
已标记关键词 清除标记
相关推荐
实付 9.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值