基于Bootstrap使用jQuery实现输入框组input-group的添加与删除_javascript技巧

来源：爱若养生

本文实例为大家分享使用jQuery实现输入框组input-group的添加与删除操作，供大家参考，具体内容如下

注意这里要求使用到Bootstrap框架的输入框组，如：

Demo案例的效果图：

这里提供自制的插件 inputGroup.js

参数为可以设置输入框组中中间的控件是文本域还是输入框；以及设置在输入框组右侧的操作的内容。

使用inputGroup.js只要在对应的容器，如div中添加选择器，然后使用jQuery获取该选择器对应的jQuery对象，调用 initInputGroup方法即可。
inputGroup.js

Demo案例——InputGroupDemo
目录结构如下：

index.html

如果输入框组中的中间控件需要input，则可以设置：

或者不进行设置，因为默认中间控件为input。
中间控件为input的效果如下：