js中点击按钮时自动增加一行

<input type="button" value="增加" id="addTable"/>

<input type="button" value="删除" id="deleteTable"/>

 <script type="text/javascript" src="jquery-1.7.2.min.js"></script>//记得导入这个库

<script>

$(document).ready(function(){

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

       var tr="<tr><td><input type=\"checkbox\" name=\"check\"/></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>

猜你喜欢

转载自blog.csdn.net/qq_42152029/article/details/88167209