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

js将追加的某行tr删除

2016-01-07 15:27 441 查看
Html代码:

<table id="show1" style=" width: 151px;height: 63px;border: 2px;">

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

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript