。每個字段只有一個字段

Question

我有幾個表單與同一個字段，我需要用jQuery收集set字段的值。我使用的是.each，它適用於id="q"的字段，但我不知道爲什麼，其他字段只能獲得第一個值。有人可以幫助我嗎？

HTML：

<form name="art_1" id="art_1"> 
<input type="text" name="prezzol" id="prezzol"> 
<input type="text" name="q" id="q" onchange="ricalcola('#art_1')"> 
<input type="text" name="sconto" id="sconto" onchange="ricalcola('#art_1')"> 
</form> 
<form id="art_2" name="art_2"> 
<input type="text" id="prezzol" name="prezzol"> 
<input type="text" name="q" id="q" onchange="ricalcola('#art_2')" > 
<input type="text" name="sconto" id="sconto" onchange="ricalcola('#art_2')" > 
</form> 
<a onclick="totale()">totale</a> 

的JavaScript：

function totale() { 
    $('#q').each(function(){ 
    //works!! 2 value! 
    tquantità += parseInt($(this).val()) 
}) 
$('#sconto').each(function(){ 
    //doesn't work, only the first value 
    tprezzo += $(this).val() 
}) 

Answer 1

的ID應該是唯一的，這樣就是爲什麼你只會得到一個值回。

嘗試使用輸入的名稱作爲選擇器。即： $（「輸入[名稱= Q]」）

Answer 2

你不能對同一文件的多個id秒。改變你的HTML使用類來代替，然後重複元素的

<form name="art_1" id="art_1"> 
<input type="text" name="prezzol" class="prezzol"> 
<input type="text" name="q" class="q" onchange="ricalcola('#art_1')"> 
<input type="text" name="sconto" class="sconto" onchange="ricalcola('#art_1')"> 
</form> 
<form id="art_2" name="art_2"> 
<input type="text" class="prezzol" name="prezzol"> 
<input type="text" name="q" class="q" onchange="ricalcola('#art_2')" > 
<input type="text" name="sconto" class="sconto" onchange="ricalcola('#art_2')" > 
</form> 
<a onclick="totale()">totale</a> 

然後做

function totale() { 
    $('.q').each(function(){ 
     tquantità += parseInt($(this).val(),10); 
    }) 
    $('.sconto').each(function(){ 
     tprezzo += parseInt($(this).val(),10); 
    }) 
}) 

而且parseInt()應該包括基數

Answer 3

，如果你要選擇與名ATTRIB所有元素你可以使用這段代碼：

function totale() { 
    $('input[name=sconto]').each(function(){ 
     tquantità += parseInt($(this).val(),10); 
    }) 
    $('input[name=q]').each(function(){ 
     tprezzo += parseInt($(this).val(),10); 
    }) 
})