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 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!
发表评论
最新留言
留言是一种美德,欢迎回访!
[***.207.175.100]2024年04月28日 10时57分07秒
关于作者
喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!
推荐文章
SE43自定义sap菜单
2019-04-28
SAP BASIS SE43修改SAP标准菜单,登陆界面,背景图片
2019-04-28
【评估价格】采购申请中的价格
2019-04-28
SAP 预算控制业务集成
2019-04-28
【重复制造精讲】REM Pull List 拉料单简介
2019-04-28
CSDN博客的安全性为什么一直如此薄弱?
2019-04-28
【BOM精讲】BOM 入门基本常识
2019-04-28
【术语扫盲】CKD (全散件组装)
2019-04-28
【术语扫盲】SKD 半散装件
2019-04-28
【PP生产订单】收货Goods Receipt
2019-04-28
【转】从人类简史到今日简史,简史三部曲,尤瓦尔赫拉利的进阶之路
2019-04-28
既是客户又是供应商清帐配置
2019-04-28
SAP财务清账原理与方式
2019-04-28
SAP-PM 的工具管理篇
2019-04-28
PM后台配置路径
2019-04-28
一、【SAP-PM模块】SAP系统PM模块概述
2019-04-28
二、【SAP-PM模块】PM模块(含服务采购)组织架构
2019-04-28
三、【SAP-PM模块】PM模块主数据
2019-04-28
四、【SAP-PM模块】维护业务处理流程
2019-04-28
五、【SAP-PM模块】服务采购业务流程
2019-04-28