如何使用javascript或jquery从表单字段输入中查找值的总和和乘积

Question

如何使用javascript或jquery查找用户输入到我的表单字段中的数字值的总和和乘积。 感谢您的时间和帮助。

输入 1 值 + 输入 2 值 = 输入 A

输入 A 值 * .08 = 输入 B 值

输入 A 值 + 输入 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>