jquery动态添加表单删除表单

最新推荐文章于 2024-07-18 18:32:44 发布

Hamioo

最新推荐文章于 2024-07-18 18:32:44 发布

阅读量1.7k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/u012954537/article/details/63252495

版权

这篇博客介绍了如何利用jQuery实现动态添加和删除表单输入字段。在HTML部分展示了带有‘属性1’标签的初始输入框，以及一个加号图标用于添加新字段。JavaScript部分的代码定义了一个点击事件，当点击加号图标时，会在当前元素前插入新的输入框，并提供一个减号图标以删除新增的输入框。同时，定义了`deleteDiv`函数来实现在点击减号图标时移除对应输入框的功能。

摘要由CSDN通过智能技术生成

//html部分

<div class="form-group col-sm-12" id="group">
    <label for="" class="col-sm-1 control-label"><span style="color: red">*</span>属性1:</label>
    <div class="col-sm-1">
        <input type="text" class="form-control"  <