基于输入框的Angular JS计算

时间:2015-03-25 07:00:02

标签: javascript angularjs forms

我读了这个帖子: Simple Percentage Calculation of an Input Field with JQuery

但似乎无法让它适应我的情况。我有两个输入框,批发价和卖价,我想在用户更改其卖出价时动态计算加价(差价)。我已经构建了一个简化版本,我想在这里做些什么:

http://jsfiddle.net/schuss/rp0brqj1/2/

以下是JS - 谁能看到我做错了什么?谢谢!

$(function() {
    
    // cache elements that are used at least twice
    var $sellprice = $("#SellPrice"),
        $markup = $("#markup"),
        $wholesale = $("#wholesale");
    
    // attach handler to input keydown event
    $sellprice.keyup(function(e){
        if (e.which == 13) {
            return;
        }
        var sellprice = parseFloat($sellprice.val()),
            markup = sellprice-wholesale;
        
        if (isNaN(sellprice)) {
            $markup.hide();
            return;
        }
        else {
        
        $markup.fadeIn().text(markup.toFixed(2));


        }
    });
   
});

2 个答案:

答案 0 :(得分:0)

您想要设置输入字段的值,因此在这种情况下您需要使用$.fn.val方法:

$markup.fadeIn().val(markup.toFixed(2));

演示:http://jsfiddle.net/rp0brqj1/6/

答案 1 :(得分:0)

试试这个(我还没有包含其他内容 - 不要忘记在你的小提琴中加入JQuery!):

$(function() {

  var $sellprice = $("#SellPrice"),
    $markup = $("#markup"),
    $wholesale = $("#Wholesale");
  $sellprice.on('keyup', function(){
     $markup.val(parseFloat($sellprice.val()-$wholesale.val()))
  });

});

Fiddle