bootstrap如何通過加減按鈕實現輸入框組功能
這篇文章將為大家詳細講解有關bootstrap如何通過加減按鈕實現輸入框組功能，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
十載的七星網站建設經驗，針對設計、前端、開發(fā)、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。營銷型網站的優(yōu)勢是能夠根據用戶設備顯示端的尺寸不同，自動調整七星建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優(yōu)雅布局與設計，從而大程度地提升瀏覽體驗。成都創(chuàng)新互聯從事“七星網站設計”,“七星網站推廣”以來，每個客戶項目都認真落實執(zhí)行。
實現效果圖如下：
當我點擊 + 按鈕時，會添加一行輸入框組；當點擊 - 按鈕時，會刪除這一行輸入框組
html代碼如下：
中心機IP:
+ 按鈕 點擊觸發(fā)事件函數：
//添加中心機IP輸入框項
function addCenterIpGrp(obj){
html = ''+
'IP：'+
''+
'注釋：'+
''+
''+
''+
''+
' '
obj.insertAdjacentHTML('beforebegin',html)
}
- 按鈕 點擊觸發(fā)事件函數：
$(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如何通過加減按鈕實現輸入框組功能
標題鏈接：
http://weahome.cn/article/jcoigh.html
重慶分公司
重慶分公司
