点击增加一层表单

最新推荐文章于 2022-10-19 08:48:15 发布

nomey_Mr

最新推荐文章于 2022-10-19 08:48:15 发布

阅读量643

点赞数

本文链接：https://blog.csdn.net/nomey_Mr/article/details/53393357

版权

这是一个增加数据库类型

$(document).ready(function(){
            $("#addTable").click(function(){
                var tr="<tr><td><input type=\"text\" id='add' name=\"add\" placeholder='字段名'/>"+
                        "</td><td><input type=\"text\" id='type' name=\"type\" placeholder='字段类型'/></td><td><input type=\"checkbox\" id='zhu' ></td><td><input type=\"text\" id='kong' name=\"kong\" placeholder='是否为空'/></td><td><input type=\"button\" id='zeng' value='增加'/><input type=\"button\" id='del' value='删除'/></td></tr>";
        $("#table1").append(tr);

});

// 删除

            $("#deleteTable").click(function(){
                var check = document.getElementsByName("check");
                for(var i=1;i<=check.length;i++){
                    if(check[i].checked){
                        document.getElementById('table1').deleteRow(i);
                    }
                }
            })
        })
// 删除
$(document).on("click","#del",function()
        {
            var del=$(this);
            del.parent().parent().remove();
        })
</script>

<html>
<tbody id="table1" > </tbody> 要追加位置的ID
<input type="button" value="增加" id="addTable"/>
</html>