javascript - 怎么自动计算

Question

如何在 Codeigniter 中使用 jquery 或 Javascript 进行计算，如下要求我有 3 个输入元素要在用户完成表单元素后计算:

1, Quantity
2, Unitprice
3, Total.

按总计 = 数量 * 单价。

<td><?php echo form_input('quantity','',' class="form-control"')?></td>
<td><?php echo form_input('unitprice','',' class="unit form-control" placeholder="unit pricee"')?></td>
<td><?php echo form_label('','total','class="form_control"')?></td>

我尝试像这样编写 JavaScript

<script type="text/javascript">
    $(document).ready(function () {
      $('.unitprice').keyup(function () {
         Calculate();
         });
    });

function Calculate() { 
             var quantity = document.getElementsByClassName("quantity").val();
             var unitprice = document.getElementsByClassName("unitprice").val();
             var total = quantity * unitprice;
              $('.total').val(total);
              } 
    </script>

但这不行

提前致谢!!!

Answer 1

尝试这样:

$(function(){
$('.qty, .unit').on('blur', function(e){
  var qty = parseFloat( $('.qty').val() ), 
      unit = parseFloat( $('.unit').val() );

  if( isNaN(qty) || isNaN(unit) ) {
    $('.result').text('');
    return false;
  }

  var total = qty * unit;
  $('.result').text( total );
});
});

DEMO