刷新刪除功能，當總 - 基於HTML和JS形式

一旦行/場已添加，以下的功能允許刪除鏈接出現，如果點擊它會刪除行/場：刷新刪除功能，當總 - 基於HTML和JS形式

var ct = 1; 
function new_bank(){ 
ct++; 
var div1 = document.createElement('div'); 
div1.id = ct; 

// bank to delete extended form elements 

    var delLink = '<div style="text-align:right;margin-right:73px"><a 
    href="javascript:delIt('+ ct +')">Delete</a></div>'; 
    div1.innerHTML = document.getElementById('newbanktpl').innerHTML + delLink; 
    document.getElementById('newbank').appendChild(div1); 
}

功能刪除新添加的元素集合

function delIt(eleId){ 
    d = document; 
    var ele = d.getElementById(eleId); 
    var parentEle = d.getElementById('newbank'); 
    parentEle.removeChild(ele); 
}

上面的代碼工作正確的。然而，因爲我有另一個函數計算字段的總和，如果我刪除一個行/字段這個總和不會更新。

我找的刪除鏈接被點擊時重載函數或類似的東西，然後刷新總體功能和更新總以正確的金額

下面是我的總功能代碼：

//Creating total 
function findTotal(){ 
    var arr = document.getElementsByName('Value[]'); 
    var tot=0; 
    for(var i=0;i<arr.length;i++){ 
    if(parseInt(arr[i].value)) 
    tot += parseInt(arr[i].value);} 
    document.getElementById('total').value = tot; 
    } 
}

後R

function delIt(eleId) 
{ 
    d = document; 
    var ele = d.getElementById(eleId); 
    var parentEle = d.getElementById('newbank'); 
    parentEle.removeChild(ele); 
    findTotal(); //call here 
}

現在 - ：

來源

2017-07-27 Cos

裏面你delIt()功能再次調用該函數findTotal()像下面emoval它會重新計算數據並將新值粘貼到total字段。

來源

2017-07-27 04:17:02

@cos請提出一個新的問題，不要忘了，你在這個問題確實添加了你的努力，你會forsure得到答案。對不起，我沒有那麼多的家庭與PDF創作。 –

Appologies。我不知道你只能喜歡一個答案。當你首先回答我會喜歡你的回來！ – Cos

@Cos很高興幫助你:) :) –

你不需要刷新頁面。刪除一個項目後，您可以通過重新計算來更新總數;爲了實現這一目標，您需要更改delIt（）這樣的：

function delIt(eleId) { 
    d = document; 
    var ele = d.getElementById(eleId); 
    var parentEle = d.getElementById('newbank'); 
    parentEle.removeChild(ele); 
    findTotal(); 
}

來源

2017-07-27 04:25:07 Ashkan

刷新刪除功能，當總 - 基於HTML和JS形式

回答

相關問題