使用Jquery或Javascript动态计算字段划分

时间:2013-03-18 02:14:48

标签: javascript jquery division

我正在“试图”弄清楚如何动态地计算字段之间的划分以显示在另一个字段中,事实是,我看到的所有示例都是总和,而那些使用的是这样的:{{1 }}

我不能这样做,因为无法知道哪个是红利,哪个是除数。我尝试使用“bind”,尝试将函数附加到字段。它没用。

还尝试在输入字段上输入“onChange =”CalcularSaldo()“;没有运气,但主要是因为我很确定我的功能是错误的:

$('#field').each(function(){....});

输入:

  <script type="text/javascript">
 $(document).ready(function() {
  function calcularSaldo() {
  var costo = document.getElementById("costo_ad").value;
  var vida = document.getElementById("vida_util").value; 
  document.getElementById("saldo_dep").value = costo / vida;
  }
  });</script>

并且函数应该是这样的:

  <label for="costo_ad">Costo de Adquisicion</label>
  <input name="costo_ad" type="text" id="costo_ad" class="round default-width-input" />

 <label for="vida_util">Vida Util</label>
 <input name="vida_util" type="text" id="vida_util" class="round default-width-input" />

 <label for="saldo_dep">Saldo a Depreciar</label>
 <input name="saldo_dep" type="text" id="saldo_dep" class="round default-width-input" disabled />

1 个答案:

答案 0 :(得分:2)

假设我们有以下字段

<input type="number" id="field1">
<input type="number" id="field2">

<span id="label"></span>

所以,您需要将jquery函数附加到字段上的某些操作,例如在用户完成在任一框中输入文本之后

$("#field1, #field2").keyup( function(){

     var n1 = $("#field1").val();
     var n2 = $("#field2").val();

     var result = n2/n1;
     $("#label").text(result);


});

示例位于jsFiddle ... http://jsfiddle.net/A3qat/5/