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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
路过按个爪印,很不错,赞一个!
[***.219.124.196]2024年04月20日 12时19分28秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
Android面试送分题:来看看移动端小程序技术的前世今生!附赠课程+题库
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面试回忆录:在字节跳动我是如何当面试官的,面试心得体会
2019-04-29
android面试题!看懂这份Android面经大厂真不是问题!不吃透都对不起自己
2019-04-29
apk开发学习!Android开发者面试如何系统复习?已拿offer入职
2019-04-29
Android技术篇!只需一篇文章吃透Android多线程技术,成功定级腾讯T3-2
2019-04-29
android模拟器!记一次字节跳动Android社招面试,成功拿下大厂offer
2019-04-29