本文主要介绍了bootstrap 输入框组 通过加减按钮来增加删除内嵌输入框组,当我点击 + 按钮时，会添加一行输入框组；当点击 – 按钮时，会删除这一行输入框组。具体实现代码大家参考下本文，希望能帮助到大家。
实现效果图如下：
当我点击 + 按钮时，会添加一行输入框组；当点击 – 按钮时，会删除这一行输入框组
html代码如下：
登录后复制
+ 按钮 点击触发事件函数：
//添加中心机IP输入框项 function addCenterIpGrp(obj){ html = ''+ ''+ ''+ ''+ ''+ ''+ ''+ ''+ '
' obj.insertAdjacentHTML('beforebegin',html) }
登录后复制
– 按钮 点击触发事件函数：
$(document).on('click','#delCenterIpGrp',function(){ var el = this.parentNode.parentNode var centerIp = $(this).parent().parent().find('#ipInput').val() alertify.confirm('您确定要删除选中的命令？', function(e){ if(e){ el.parentNode.removeChild(el)}})})
登录后复制
相关推荐：
介绍Bootstrap输入框组的一个特性
介绍Bootstrap输入框组的一个特性
介绍Bootstrap输入框组的一个特性
以上就是bootstrap通过加减按钮实现输入框组功能实例分享的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2790706.html
