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

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

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

猜你喜欢

转载自www.cnblogs.com/skiwndhw/p/10351886.html