JS点击按钮自动增加一行

bulongwind

于 2014-12-17 16:26:47 发布

阅读量1.2w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： js checkbox

本文链接：https://blog.youkuaiyun.com/bulongwind/article/details/41983389

JS 专栏收录该内容

11 篇文章

订阅专栏

<input type="button" value="增加" id="addTable"/>
<input type="button" value="删除" id="deleteTable"/>
<table id="table1"></table>

<script>
$(document).ready(function(){
    $("#addTable").click(function(){
       var tr="<tr><td><input type=\"checkbox\" name=\"check\"/>"+
              "</td><td>111</td><td>222</td><td>333</td></tr>";
　  　$("#table1").append(tr);　　

    });

    $("#deleteTable").click(function(){
        var check = document.getElementsByName("check");
        for(var i=0;i<check.length;i++){
            if(check[i].checked){
                 document.getElementById('table1').deleteRow(i);
                 i--;
            }
        }
    })
})
</script>