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>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章