Question

使用knockout js创建基本Web应用程序。

我有3个文本框：

1。价钱，数量， 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() {
   return self.itemPrice()*self.itemQTY();
});

Answer 2

使用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>

从数量和价格自动计算总数

2 个答案: