JS点击按钮自动增加一行

<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>



版权声明:本文为bulongwind原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。