Knockout js检查绑定

时间:2014-02-27 11:18:50

标签: knockout.js

我是淘汰赛的新手,对于复选框绑定我有点困惑。我有以下HTML:   

 <input id="Category-2039842085241261997" type="checkbox" value="203984,208524,1261997" data-bind="checked:toggleActivation">
 <label for="Category-2039842085241261997">Camis</label>

 <input id="Category-203984208524715507" type="checkbox" value="203984,208524,715507">
 <label for="Category-203984208524715507" data-bind="checked:toggleActivation">Crop Tops</label>

在jQuery中,为了获得复选框的id,你可以这样做:

$('#menu-right').on('click', 'input', function(e) {
  console.log($(this).prop('id'));
}

当我将已检查的事件绑定到复选框时,如何将实际选中的所有选项而不是单击的选项绑定后,如何进行淘汰赛。

jsFiddle

由于

2 个答案:

答案 0 :(得分:0)

你没有使用knockout.js。它是一个简单的HTML和JAVASCRIPT函数.knockout有一个名为data-bind的属性,它绑定数据并为您检索数据。 这是您理解的代码。 看看这个网站,首先得到关于knocout使用复选框的基本gyan。 http://knockoutjs.com/documentation/checked-binding.html 祝你好运。

答案 1 :(得分:0)

toggleActivation应该是observableArray。

var viewModel = {
   toggleActivation: ko.observableArray([])
};

ko.applyBindings(viewModel);

http://jsfiddle.net/96Jth/1/