양식 필드 입력의 값과 합을 찾기 위해 javascript 또는 jquery를 어떻게 사용합니까?

Question

javascript 또는 jquery를 사용하여 사용자가 양식 필드에 입력하는 숫자 값의 합과 제품을 찾는 방법은 무엇입니까? 시간과 도움에 감사드립니다.

입력 한 값 + 입력 2 값 = 입력 할

입력 값 * 0.08 = 입력 B 값

입력 값 + 입력 B 값 = 총 입력

<form> 

<input type="text" id="1" name="1"> 
<input type="hidden" id="2" name="2" value="33"> 
<input type="text" id="A" name="A"> 
<input type="text" id="B" name="B"> 
<input type="text" id="total" name="total"> 

<button type="button" id="button" name="button"> 

</form> 

생각한 것

<script> 

var $form = $('#contactForm'), 
    $summands = $form.find('.sum1'), 
    $sumDisplay = $('#itmttl'); 

$form.delegate('.sum1', 'change', function() 
{ 
    var sum = 0; 
    $summands.each(function() 
    { 
     var value = Number($(this).val()); 
     if (!isNaN(value)) sum += value; 
    }); 

    $sumDisplay.val(sum); 
}); 

</script> 

<script> 

    function multiply(one, two) { 
    if(one && two){ 
    this.form.elements.tax.value = one * two; 
    } else { 
    this.style.color='blue'; 
    } 
} 





</script> 

Answer 1

는 지금까지 시도 것을 바이올린 링크

JSFiddle

$(document).ready(function(){ 
    $('#calculate').on('click',function(){ 
    var v1 = $('#1').val(); // take first text box value 
    var v2 = $('#2').val(); // take second hidden text box value 
    $('#A').val(parseInt(v1)+parseInt(v2)); // set value of A 
    var aval = (parseInt($('#A').val()) * parseFloat(.8)); // calculate value of b 
    $('#B').val(aval);// set value of B 
    var totalval = parseInt($('#A').val()) + parseFloat(aval); 
    //calculate value for total 
    $("#total").val(totalval); // set total 
    }) 

}); 

Answer 2

나는 버튼을 핥았을 때 필드를 업데이트하지 않으시겠습니까? 대신 바이올린의 조각 만든 :

$("#button").click(function() { 
 
    $("#A").val(parseInt($("#1").val()) + parseInt($("#2").val())); 
 
    $("#B").val(parseInt($("#A").val()) * .8); 
 
    $("#total").val(parseInt($("#A").val()) + parseInt($("#B").val())); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 

 
    <input type="text" id="1" name="1"> 
 
    <input type="hidden" id="2" name="2" value="33"> 
 
    <input type="text" id="A" name="A"> 
 
    <input type="text" id="B" name="B"> 
 
    <input type="text" id="total" name="total"> 
 

 
    <button type="button" id="button" name="button"> 
 

 
</form>