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

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

Demo案例的效果图：

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

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

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

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

index.html

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

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

以上就是本文的全部内容，希望对大家的学习有所帮助。