javascript - 显示 NaN 的输入字段

Question

描述

你好，我正在使用淘汰赛。我有三个复选框和一个输入字段。当我单击复选框时，复选框的值应出现在输入字段中。但是，我没有看到复选框的值，而是看到了 NaN。

jsFiddle 链接

function ViewModel() {
    var self = this;  
    self.primaryClass = ko.observable("50"); 
    self.secondaryClass = ko.observable("40"); 
    self.otherClass = ko.observable("10"); 

    self.selectedValues = ko.observableArray([]);

    self.sum = ko.computed(function () {
        var total = 0;
        ko.utils.arrayForEach(self.selectedValues(), function (item) {
            total += parseInt(item);
        });
        return total;
    });

}

ko.applyBindings(new ViewModel());

Answer 1

查看代码，在这一行，

total += parseInt(item);

变量 item 是您的复选框的值。

<input data-bind="checked: selectedValues" type="checkbox" value="primaryClass">500</input>
<input data-bind="checked: selectedValues" type="checkbox" value="secondaryClass">200</input>
<input data-bind="checked: selectedValues" type="checkbox" value="otherClass">100</input>

意思是你正在尝试parseInt("primaryClass")……等等。

尝试将复选框的值更改为数字。

喜欢这里：http: //jsfiddle.net/2L4W9/

Answer 2

看一下这个：

http://jsfiddle.net/Dtwigs/uFQdq/5/

像这样输入以使它们动态化：

<label>
<input data-bind="checked: selectedValues, value: primaryClass" type="checkbox"></input>
<span data-bind="text: primaryClass"></span>
</label>

将您的值更改为文本中的值。