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

本文共 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数据推送应用开发

发表评论

最新留言

留言是一种美德,欢迎回访!
[***.207.175.100]2024年04月28日 10时57分07秒