모든 입력 값을 얻을

Question

<ul class="liste_couleur_qty"> 
      <li style="margin-bottom: 20px;"> 
        <dl> 
          <table width="200" border="0"> 
          <tbody><tr> 
          <td width="50%"> 
          <span style="display: block; font-size: 13px; line-height: 16px; margin-bottom: 2px;margin-right: 0px;margin-left: 20px;">Noir</span> 
         </td> 

          <td width="50%"><div class="add-to-cart"> 

           <label for="qty-2195">qty :</label> 

           <input type="text" class="input-text qty calcul_qty_product" title="Qté" value="0" autocomplete="off" maxlength="5" data-product_color="127" id="qty-2195" name="qty-2195" onblur="addToCartPlus(2195, 127, this);"> 

          </div></td> 
          </tr> 
         </tbody></table> 
         </dl> 
       </li> 

       <li style="margin-bottom: 20px;"> 
        <dl> 
          <table width="200" border="0"> 
          <tbody><tr> 
          <td width="50%"> 
          <span style="display: block; font-size: 13px; line-height: 16px; margin-bottom: 2px;margin-right: 0px;margin-left: 20px;">Blanc</span> 
         </td> 

          <td width="50%"><div class="add-to-cart"> 

           <label for="qty-2196">qty :</label> 

           <input type="text" class="input-text qty calcul_qty_product" title="Qté" value="0" autocomplete="off" maxlength="5" id="qty-2196" name="qty-2196" onblur="addToCartPlus();"> 

          </div></td> 
          </tr> 
         </tbody></table> 
         </dl> 
       </li> 
    <li style="margin-bottom: 20px;"> 
        <dl> 
          <table width="200" border="0"> 
          <tbody><tr> 
          <td width="50%"> 
          <span style="display: block; font-size: 13px; line-height: 16px; margin-bottom: 2px;margin-right: 0px;margin-left: 20px;">Blanc</span> 
         </td> 

          <td width="50%"><div class="add-to-cart"> 

           <label for="qty-2196">qty :</label> 

           <input type="text" class="input-text qty calcul_qty_product" title="Qté" value="0" autocomplete="off" maxlength="5" id="qty-2196" name="qty-2196" onblur="addToCartPlus();"> 

          </div></td> 
          </tr> 
         </tbody></table> 
         </dl> 
       </li> 

        </ul> 
<div id="qtyvalue"><div> 

내가하고 싶은 첨가합니다

변경하려면 사업부 (qtyvalue)의 내용 동적 입력 값의 변화를? 더 많은 입력 텍스트가있는 경우 함께 추가하면 div (qtyvalue)에 번호가 표시됩니다. 나는 다음 코드를 사용한다.

input.onkeyup = function() { 
var result = 0; 
$('.liste_couleur_qty li input').each(function(){ 
    result += parseInt(this.value, 10); 
}); 
    document.getElementById('qtyvalue').innerHTML = result.value;  
} 

코드가 작동하지 않지만 두 개 또는 여러 개의 입력 텍스트 상자가있는 경우 입력을 반복하는 방법을 모르겠습니다. 고맙습니다. http://jsfiddle.net/jeRdA/

UDPATE :

이 ''에 대한 입력의 값을 변경 사용자를 허용하려면 (예를 들어 여기에

$(document).ready(function() { //wrap in a document.ready event handler 
    $('input').on('keyup', function() { //bind using jQuery 
     var result = 0; 
     $('.liste_couleur_qty li input').each(function() { 
      result += parseInt(this.value, 10); 
     }); 
     $('div#qtyvalue').text(result); //result.value doesn't exist, use result. 
    }); 
});​ 

데모입니다 :

Answer 1

은 당신이 원하는 것은 이것이다 , 공백 또는 비어 있음) 또는 숫자가 아닌 값이면 줄을 수정하십시오.

result += parseInt(this.value, 10); 

,451,515,

에 :

result += parseFloat(this.value, 10) || 0; 

업데이트 바이올린 : http://jsfiddle.net/jeRdA/3/

Answer 2

하면이 시도 :이 문제의 요소 후 문서 준비 핸들러 또는 스크립트 블록에있을 필요가

var $inputs = $('.liste_couleur_qty li input'); 
$inputs.keyup(function() { 
    var result = 0; 
    $inputs.each(function(){ 
    result += parseInt(this.value, 10); 
    }); 
    $('#qtyvalue').html(result);  
}); 

(많은 사람들이 자신의 대본을 신체의 끝에 넣었다). 코드에서

, input.onkeyup = ... 어떤 변수 input이 없기 때문에 (이것은 자동으로 모든 입력 요소를 선택하지 않음) 작동하고, 또한 someElement.onkeyup =를 사용하는 것은 단지 당신이 한 번에 하나 개의 요소에 핸들러를 첨부 할 수 없습니다. jQuery를 사용하여 대신 키 업 핸들러를 바인드하십시오. 또한 마지막에 result을 사용하고 result.value을 사용하면 합계를 사용할 수 없습니다.