はjqueryの私の2つのクラスが何の結果

Question

<div id="container"> 
    <div class="jumbotron" id="group"> 
    <form class="form-inline"> 
     <div class="form-group"> 
     <label for="groupNumber">Group:</label> 
     <input type="text" class="groupNumber" /> 
     </div> 
     <div class="form-group inputTop"> 
     <label for="quantity">Quantity:</label> 
     <input type="text" class="quantity" /> 
     </div> 
    <div class="form-group inputTop"> 
     <label for="systemPrice">System Price:</label> 
     <input type="text" class="systemPrice" /> 
    </div> 
    <div class="form-group"> 
     <label for="groupTotal">Group Total:</label> 
     <input type="text" class="groupTotal" /> 
    </div> 
    </form> 

    <div class="row specs" id="pasted" contenteditable="true"></div> 

    </div> 
</div> 

$(document).ready(function() { 
    $('.inputTop input').keyup(multInputs); 

    function multInputs() { 
    $('.inputTop').each(function() { 
     var $quantity = $('.quantity', this).val(); 
     var $systemPrice = $('.systemPrice', this).val(); 
     var $groupTotal = ($quantity * 1) * ($systemPrice * 1) 
    $('.groupTotal', this).text($groupTotal); 
    }); 
    } 
}); 

JSフィドル与えない掛ける：https://jsfiddle.net/waynebunch/jh6uhL1p/5/

を私はしばらくの間、このを見つめてきたし、何も悪いことを見ていないです。基本的には、私はvar $quantityをvar $systemPriceで乗算し、結果をvar $groupTotalに表示するためにJQueryを使用しようとしています。これらの複数の「グループ」があります。誰かが私がここで間違っていることを教えてもらえますか？ありがとうございました！

Answer 1

置き換えます

$('.groupTotal', this).text($groupTotal); 

を付：

$('.groupTotal', this).val($groupTotal); 

Answer 2

それは.groupTotalがinputであることを考えると

$('.groupTotal', this).val($groupTotal); 

でなければなりません。

Answer 3

あなたはこの機能を試してみてください：

function multInputs() { 

$('.group').each(function() { 
    var $quantity = $('.quantity', this).val(); 
    var $systemPrice = $('.systemPrice', this).val(); 
    var $groupTotal = (parseInt($quantity) * 1) * (parseInt($systemPrice) * 1) 

    if(isNaN($groupTotal)) 
    $('.groupTotal', this).val(''); 
    else 
    $('.groupTotal', this).val($groupTotal); 
}); 

私はあなたが他の人が（代わりにtextのvalを使用して）言ったことに加えて

Answer 4

を望む結果を得ることを願って、あなたもね間違ったセレクタでeachメソッドを呼び出します。クラスquantityとsystempriceと

要素は、クラスinputtopを持つ要素のない子です。代わりに、

$(".form-inline").each(...);