Knockout.js 根据可观察数组的内容选中复选框

Knockout.js 根据可观察数组的内容选中复选框,knockout.js,Knockout.js,我被使用敲除js的复选框绑定击中。我使用两个可观察阵列。第一个可观察数组用于显示视图中带有复选框的所有学生详细信息值。在第二个可观察数组中,我获得了一些过滤后的值,这些值需要在视图中进行动态检查(true),我已经在视图中显示了带有整个值的复选框。我的html代码是 这就是我选择复选框的方法 self.associatedItemIds=ko.obsearvablearray(); self.associatedItemIds.push(response.CheckStudents);

我被使用敲除js的复选框绑定击中。我使用两个可观察阵列。第一个可观察数组用于显示视图中带有复选框的所有学生详细信息值。在第二个可观察数组中,我获得了一些过滤后的值,这些值需要在视图中进行动态检查(true),我已经在视图中显示了带有整个值的复选框。我的html代码是


这就是我选择复选框的方法

self.associatedItemIds=ko.obsearvablearray();   
self.associatedItemIds.push(response.CheckStudents);

或者通过对象引用选中复选框(即,使用
$data
)。然后,您将拥有一组选定的学生

或者通过值(如学生Id)选中复选框。然后您将拥有一个学生ID数组

在任何情况下,您都不需要任何
单击
处理程序或
绑定,knockout会自行完成所有操作。花点时间再读一遍

比较:

函数学生列表(学生){
this.Studentdetails=ko.observearray(学生);
this.associatedItems=ko.observableArray();
}
var学生=[
{Id:1,名字:'Student 1'},
{Id:2,姓名:'Student 2'},
{Id:3,名字:'Student 3'},
{Id:4,名字:'Student 4'}
];
var vm=新学生名单(学生);
vm.associatedItems.push(学生[2]);
ko.应用绑定(vm)



或者通过对象引用选中复选框(即,使用
$data
)。然后,您将拥有一组选定的学生

或者通过值(如学生Id)选中复选框。然后您将拥有一个学生ID数组

在任何情况下,您都不需要任何
单击
处理程序或
绑定,knockout会自行完成所有操作。花点时间再读一遍

比较:

函数学生列表(学生){
this.Studentdetails=ko.observearray(学生);
this.associatedItems=ko.observableArray();
}
var学生=[
{Id:1,名字:'Student 1'},
{Id:2,姓名:'Student 2'},
{Id:3,名字:'Student 3'},
{Id:4,名字:'Student 4'}
];
var vm=新学生名单(学生);
vm.associatedItems.push(学生[2]);
ko.应用绑定(vm)



或者通过对象引用选中复选框(即,使用
$data
)。然后,您将拥有一组选定的学生

或者通过值(如学生Id)选中复选框。然后您将拥有一个学生ID数组

在任何情况下,您都不需要任何
单击
处理程序或
绑定,knockout会自行完成所有操作。花点时间再读一遍

比较:

函数学生列表(学生){
this.Studentdetails=ko.observearray(学生);
this.associatedItems=ko.observableArray();
}
var学生=[
{Id:1,名字:'Student 1'},
{Id:2,姓名:'Student 2'},
{Id:3,名字:'Student 3'},
{Id:4,名字:'Student 4'}
];
var vm=新学生名单(学生);
vm.associatedItems.push(学生[2]);
ko.应用绑定(vm)



或者通过对象引用选中复选框(即,使用
$data
)。然后,您将拥有一组选定的学生

或者通过值(如学生Id)选中复选框。然后您将拥有一个学生ID数组

在任何情况下,您都不需要任何
单击
处理程序或
绑定,knockout会自行完成所有操作。花点时间再读一遍

比较:

函数学生列表(学生){
this.Studentdetails=ko.observearray(学生);
this.associatedItems=ko.observableArray();
}
var学生=[
{Id:1,名字:'Student 1'},
{Id:2,姓名:'Student 2'},
{Id:3,名字:'Student 3'},
{Id:4,名字:'Student 4'}
];
var vm=新学生名单(学生);
vm.associatedItems.push(学生[2]);
ko.应用绑定(vm)



self.AssociatedItemId=ko.observableArray();
for(self.ProductsList()中的var键){
self.associatedItemId.push(“+self.ProductsList()[key].Id”);
}

self.AssociatedItemId=ko.observableArray();
for(self.ProductsList()中的var键){
self.associatedItemId.push(“+self.ProductsList()[key].Id”);
}

self.AssociatedItemId=ko.observableArray();
for(self.ProductsList()中的var键){
self.associatedItemId.push(“+self.ProductsList()[key].Id”);
}

self.AssociatedItemId=ko.observableArray();
for(self.ProductsList()中的var键){
self.associatedItemId.push(“+self.ProductsList()[key].Id”);
}


那么你的问题是什么?@connexo:我需要为我在可观察数组中持有的值动态选择复选框。那么你的问题是什么?@connexo:我需要为我在可观察数组中持有的值动态选择复选框。那么你的问题是什么?@connexo:我需要为我的值动态选择复选框我在可观察数组中保存的值。那么你的问题是什么?@connexo:我需要为我在可观察数组中保存的值动态选中复选框。但我需要为我在可观察数组中保存的值动态选中复选框。你给了我一个选择复选框值的想法。我还向你展示了基于数组的动态选择是如何工作的。运行代码片段。想一想行
vm.associatedItems.push(学生[2])
在我的第一个示例中是这样的,您会理解的。您的小提琴甚至不会运行。对不起,我没有时间先修复你的小提琴,然后在你的代码中找到错误。假设这里的人有一种生活。他们把业余时间用来免费帮助别人。你的工作就是让他们尽可能地轻松,但我
 <input type="checkbox" data-bind="attr: { id: 'chl'+Id},value: Id, checked:$root.associatedItemIds">

  self.associatedItemIds = ko.observableArray();

  for (var key in self.ProductsList()) {
            self.associatedItemIds.push("" + self.ProductsList()[key].Id);
        }