-1

如何使用 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>
4

2 回答 2

3

请找到小提琴链接

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
  })

});
于 2014-11-28T06:32:29.767 回答
0

我假设您想在单击按钮时更新字段？创建了一个片段而不是小提琴：

$("#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>

于 2014-11-28T06:21:17.270 回答