html输入框组摁钮组,bootstrap 通过加减按钮实现输入框组功能
发布日期:2021-06-24 15:07:15 浏览次数:3 分类:技术文章

本文共 569 字,大约阅读时间需要 1 分钟。

实现效果图如下:

当我点击 + 按钮时,会添加一行输入框组;当点击 - 按钮时,会删除这一行输入框组

html代码如下:

中心机IP:

+ 按钮 点击触发事件函数:

//添加中心机IP输入框项

function addCenterIpGrp(obj){

html = '

'+

'IP:'+

''+

'注释:'+

''+

''+

''+

''+

'

'

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 加减删除输入框组,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

转载地址:https://blog.csdn.net/weixin_33554514/article/details/117847976 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:html中repeat平铺图片5张,no-repeat
下一篇:html5数据推送应用开发 代码,HTML5数据推送应用开发

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月20日 12时19分28秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

Android面试送分题:来看看移动端小程序技术的前世今生!附赠课程+题库 2019-04-28
Android面试题整理,46道面试题带你了解中高级Android面试,顺利通过阿里Android岗面试 2019-04-28
上海大厂Android面试经历:Android多线程实现方式及并发与同步,年薪超过80万! 2019-04-28
从入门到精通!已成功拿下字节、腾讯、脉脉offer,看看这篇文章吧! 2019-04-28
金九银十Android热点知识!如何快速的开发一个完整的直播app,内含福利 2019-04-28
金九银十Android热点知识!字节跳动移动架构师学习笔记,面试真题解析 2019-04-28
阿里P7亲自教你!34岁安卓开发大叔感慨,Android面试题及解析 2019-04-28
阿里P7大佬手把手教你!系统盘点Android开发者必须掌握的知识点,系列篇 2019-04-28
阿里P7大牛手把手教你!十多家大厂Android面试真题锦集干货整理,聪明人已经收藏了! 2019-04-28
阿里P7大牛整理!腾讯+字节+阿里面经真题汇总,书籍+视频+学习笔记+技能提升资源库 2019-04-28
android面试准备中高级简书!致Android高级工程师的一封信,内含福利 2019-04-29
Android面试回忆录:2个月面试腾讯、B站、网易等11家公司的面经总结!3面直接拿到offer 2019-04-29
Android面试回忆录:在字节跳动我是如何当面试官的,面试心得体会 2019-04-29
Android面试总结,GitHub标星9K的Google官方MVP+Rxjava项目详解,算法太TM重要了 2019-04-29
android面试题!看懂这份Android面经大厂真不是问题!不吃透都对不起自己 2019-04-29
Android高级工程师面试实战,GitHub上标星13k的《Android面试突击版》,面试真题解析 2019-04-29
apk开发学习!Android开发者面试如何系统复习?已拿offer入职 2019-04-29
Android技术篇!只需一篇文章吃透Android多线程技术,成功定级腾讯T3-2 2019-04-29
android模拟器!记一次字节跳动Android社招面试,成功拿下大厂offer 2019-04-29
Android程序员必备!互联网大厂100道Android面试题助你冲关金三银四!吐血整理 2019-04-29