计算总自动从数量和价格

Question

进行基本的Web应用程序。

我有3文本框：

1.价格， 2.量， 3.总。

我想计算当用户添加数量在价格&数据时自动计算总量。

HTML代码：

price:<input type="text" data-bind="value : itemPrice"><br/> 
qty:<input type="text" data-bind="value : itemQTY"><br/> 
total:<input type="text" data-bind="value : itemTotal"> 

敲除js代码：

ViewModel = function() { 
     var self = this;   
     self.itemPrice = ko.observable(); 
     self.itemQTY = ko.observable(); 
     self.itemTotal = ko.observable(); 
}; 

建议是不胜感激。

Answer 1

使用ko.computed：

self.itemTotal = ko.computed(function(){ 
    if(isNaN(self.itemPrice()) == true && isNaN(self.itemQTY()) == true || isNaN(self.itemQTY()) == true || isNaN(self.itemPrice()) == true){ 
     return '0.00'; 
    }else{ 
     return self.itemPrice()*self.itemQTY(); 
    } 
}); 

上述条件将检查，如果用户已经进入text data，如果用户输入文本数据，然后它会自动设置为0.00否则计算total上的input基地然后显示在总textbox。

&使总文本框readonly所以用户不能编辑它。 像：

<input type="text" data-bind="value : itemTotal" readonly> 

Answer 2

使用ko.computed

self.itemTotal = ko.computed(function() { 
    return self.itemPrice()*self.itemQTY(); 
});