在Jquery中添加多個輸入框的值

我正在使用代碼點火器。我有一個包含三個輸入框的表格。 ..我把他們在一個for循環是少於5 ..現在我的形式有五行與三個輸入框在一排..現在我在做什麼現在寫我添加兩個輸入框的值和顯示在第三個輸入框中..現在我想要做的是當每個「總」（第三個輸入框）填充..然後我要添加所有的總數，然後顯示在最後一個框中，我顯示在底部的所有總數..在Jquery中添加多個輸入框的值

這裏是我的看法

<td><input type="text" id = "price_<?php echo $i ?>" 
         onkeyup='addition(<?php echo "$i"?>)'> 

    </td> 

<td> <input type="text" id = "quantity_<?php echo $i ?>" onkeyup='addition(<?php echo "$i"?>)'> 
</td> 

<td><input type="text" id = "total_<?php echo $i ?>"> 
    </td>

<?php echo form_input($subtotal)?></td> // here i want to display sum of all the totals

這裏是我的javascript..this功能乘以價格和數量..我的意思是第一個和第二個輸入框，然後在第3個框，顯示..

function addition (obj) 
    { 
var subtotal = 0; 
var num1=parseInt($('#price_'+obj).val()); 
    var num2=parseInt($('#quantity_'+obj).val()); 
    var num4=parseInt($('#total_'+obj).val()); 

if ($('#price_'+obj).val() !='' && $('#quantity_'+obj).val() !='') 
{ 
    var num3=num1*num2; 
    $('#total_'+obj).val(num3); 

} 

else 
{ 
    $('#total_'+obj).val(''); 
} 


}

我已經上傳的圖像也..

enter image description here

來源

2013-01-21 mynameisjohn

對不起，但你的問題是什麼？ –

@ trung-heiu le ..你可以在第三欄中看到藍色突出顯示的顏色的最後一個框...我想添加所有的總數，然後想要顯示在最後一個藍色的明亮輸入框中.....意味着第三列其中所有的總數即將..好吧然後我想要的是在第三列的第六個輸入框..我想顯示所有總和的總和.. ..你知道嗎？> – mynameisjohn

我看到你使用jQuery，我修改了一下你的代碼，以便更好地使用jQuery。您可以在JsBIN

上看到演示當您通過計算結果更新一個「總計」單元格時，此想法鎖定了所有「總計」單元格。將所有「總計」單元總和爲「總計」單元。我聽「關鍵」事件。

來源

2013-01-21 19:47:03

thaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaanks .. it works ... you rock man you rock ... thankkkkkkkk you very much – mynameisjohn

這裏的jsfiddle例如：http://jsfiddle.net/Ner7M/2/感興趣

代碼：

var table = $('table'); 

// nth-child is 1-based, not 0 
function totalColumn(table, idx) { 
    var total = 0; 
    var tds = $('table') 
     .find('tr td:nth-child(' + idx + ') input') 
     .each(function() { 
     total += parseInt($(this).val()); 
    }); 
    return total; 
} 

totalColumn(table, 3);

來源

2013-01-21 19:32:48

感謝您的幫助但如何自定義我的代碼？ – mynameisjohn

在Jquery中添加多個輸入框的值

回答

相關問題