js将追加的某行tr删除

来源:互联网 发布:淘宝双12店铺活动方图 编辑:程序博客网 时间:2024/06/06 01:18

Html代码:

<table id="show1" style=" width151px;height63px;border2px;">

     <!-- <tr><td>表名</td></tr> -->

</table>

Js代码:知识涉及复选框的选中后放在数组中      和        对追加的行进行单行删除

<script type="text/javascript">

$(document).ready(function(){

    $("#add").click(function(){

var obj=$("input[name=test]");

    var check_val = [];

    for(k in obj){

        if(obj[k].checked)

            check_val.push(obj[k].value);

    }

    if($("#show1").html("")!=null){

    $("#show1").html("");

   }

    for(var i=0;i<check_val.length;i++){

     $("#show1").append("<tr><td>"+check_val[i]+"</td><td><input name="+check_val[i]+  type=\"button\" value=\"删除\" onclick=\"del('"+check_val[i]+"')\"></td></tr>");

    }

});

});

将追加的某行tr删除

function del(tablename){

    var input = $("input[name="+tablename+"]");

    var tr = input.parent().parent();

    tr.remove();

}

0 0
原创粉丝点击