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

来源:互联网 发布:淘宝上的日本代购 编辑:程序博客网 时间:2024/06/10 04:43

今天在处理表格的动态增加一行,和删除一行,一开始用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();
 });
 
});

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

原创粉丝点击