2013-03-18 57 views
0

我在「試圖」弄清楚如何計算字段之間的分割以動態顯示在另一個字段中,事情是,我看到的所有示例都是和,並且那些使用這樣的東西:$('#field').each(function(){....});動態使用Jquery或Javascript計算字段劃分

我不能這樣做,因爲無法知道哪個是股息,哪個是除數。我嘗試使用「綁定」,嘗試將該函數附加到該字段。它沒有工作。

還試圖把 「的onChange =」 CalcularSaldo()」在輸入域;沒有運氣,但主要是因爲我敢肯定,我的功能是錯誤的:

<script type="text/javascript"> 
$(document).ready(function() { 
    function calcularSaldo() { 
    var costo = document.getElementById("costo_ad").value; 
    var vida = document.getElementById("vida_util").value; 
    document.getElementById("saldo_dep").value = costo/vida; 
    } 
    });</script> 

輸入:

<label for="costo_ad">Costo de Adquisicion</label> 
    <input name="costo_ad" type="text" id="costo_ad" class="round default-width-input" /> 

<label for="vida_util">Vida Util</label> 
<input name="vida_util" type="text" id="vida_util" class="round default-width-input" /> 

<label for="saldo_dep">Saldo a Depreciar</label> 
<input name="saldo_dep" type="text" id="saldo_dep" class="round default-width-input" disabled /> 

和功能應該是這樣的:

saldo_dep = costo_ad/vida_util 
+4

爲什麼「沒有辦法知道哪個是股息,哪個是除數」?給他們特定的ID或類別來識別它們。 – 2013-03-18 02:16:49

+1

ID是唯一的x頁面,我會用類:'$('。field')。each(function(){....});' – 2013-03-18 02:19:30

+0

我看到它的方式,每次有人使用「each」是因爲有不止一個,如果有不止一個,我想怎麼知道哪個是哪個?看到這裏:http://viralpatel.net/blogs/sum-html-textbox-values-using-jquery-javascript/ – Splendonia 2013-03-18 02:29:21

回答

2

假設我們有以下字段

<input type="number" id="field1"> 
<input type="number" id="field2"> 

<span id="label"></span> 

所以,你會想jQuery的功能附加到某些行動的領域,如用戶完成無論是在箱子

$("#field1, #field2").keyup(function(){ 

    var n1 = $("#field1").val(); 
    var n2 = $("#field2").val(); 

    var result = n2/n1; 
    $("#label").text(result); 


}); 

例子是的jsfiddle的輸入文字後.. http://jsfiddle.net/A3qat/5/

+0

'parseFloat($(「field#')。val());' – 2013-03-18 02:37:51

+0

非常感謝 – Splendonia 2013-03-18 03:20:04