獲取陣列文本字段和計算的JavaScript

Question

forexample，我有這樣的代碼（從PHP腳本循環的結果）： <input type="text" name="qtty[]" id="qtty[]" onFocus="startCalc();" onblur="stopCalc();"> <input type="hidden" name="price[]" id="price[]"> <input type="text" name="totalprice[]" id="totalprice[]">

而本作的javascript：

function startCalc(){ 
    interval = setInterval("calc()",500); 
} 

function calc(){ 
$('input[name="qtty[]"]').each(function(){ 
    qtty = $(this).val(); 
}); 
$('input[name="price[]"]').each(function(){ 
    price = $(this).val(); 
}); 
total = (qtty * 1) * (price * 1); 
$('input[name="totalprice[]"]').val(total); 

} 


function stopCalc(){ 
    clearInterval(interval); 
} 

我進入第一個輸入的時刻數組，程序不顯示任何內容。但在饋送數據的第二陣列的時間，TotalPrice會改變兩個

在此，實施例PICT：

1. http://s7.postimg.org/memsupuh7/Capture1.png
2. http://s23.postimg.org/6rdfk2rzf/Capture.png

Answer 1

我想你是錯誤的方式。這是更優選的變體：

<input type="text" name="qtty"> 
<input type="hidden" name="price" value="2"> 
<input type="text" name="totalprice"> 
<br> 
<input type="text" name="qtty"> 
<input type="hidden" name="price" value="3"> 
<input type="text" name="totalprice"> 

和

$('input[name="qtty"]').keyup(function() { 
    var qtty = $(this).val(); 
    var price = $(this).next().val(); 
    var total = (qtty * 1) * (price * 1); 
    $(this).nextAll().eq(1).val(total); 
}); 

fiddle

Answer 2

嘗試這種

分配初始默認值

var qtty=0; 
    var price =0; 
    var interval ; 
     function startCalc(){ 
      interval = setInterval(calc,500); 
     } 

     function calc(){ 
     $('input[name="qtty[]"]').each(function(){ 
      qtty = $(this).val(); 
     }); 
     $('input[name="price[]"]').each(function(){ 
      price = $(this).val(); 
     }); 
     total = (qtty * 1) * (price * 1); 
     $('input[name="totalprice[]"]').val(total); 

     } 


     function stopCalc(){ 
      clearInterval(interval); 
     }