javascript - 初始化 knockout 复选框的值

我认为与框架问题相比，这可能更多是语言问题，但这里有：

我在设置复选框的初始值时遇到麻烦。

我已经添加了jsFiddle

谢谢！

这是麻烦的代码：

var allPrices = [
        { month: 'January', prices: [ (3, true), (4, false), (4, false), (4, false)] },
        { month: 'February', prices: [(3, true), (4, false), (4, false), (4, false)] },
        { month: 'March', prices: [(3, true), (4, false), (4, false), (4, false)] }
    ]

//--Page ViewModel
var id = 1;

//--Set the structure for the basic price object
function Price(quote, isChecked) {
    this.quote = ko.observable(quote);
    this.valid = true;
    if (isNaN(quote)) {
        this.valid = false;
    }
    this.selected = ko.observable(isChecked);
    this.id = id;
    id++;
}

最佳答案

使用语法(3, true)时，您正在使用Comma Operator而不是创建对象。

逗号运算符求值第二个参数（在本例中为true），因此不会像预期的那样创建值3和true的对象。

您需要使用{}创建对象，并且还需要一些属性名称，因此您需要将价格重写为：

prices: [
    { quote: 3, isChecked: true},
    { quote: 4, isChecked: false},
    { quote: 4, isChecked: false},
    { quote: 4, isChecked: false} ]

您需要将价格创建更改为

this.prices = ko.utils.arrayMap(prices, function (item) {
     return new Price(item.quote, item.isChecked);
 });

例如，arrayMap的回调函数带有参数：当前项，则可以从该当前项访问quote和isChecked。

演示JSFiddle.

关于javascript - 初始化 knockout 复选框的值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16730991/