您的位置:首页 > Web前端 > JQuery

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

2016-10-14 16:22 441 查看
今天在处理表格的动态增加一行,和删除一行,一开始用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(); 

 }); 

 

});
这样就可以轻松的搞定了,也可以进行多行的删除
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: